程序员的知识教程库

网站首页 > 教程分享 正文

Form表单的提交(form表单的提交数据库springboot)

henian88 2024-08-17 16:02:09 教程分享 14 ℃ 0 评论
  1. 表单提交种类

编程的朋友,应该会经常会遇到form 表单的数据需保存到数据库中,用于存储用户的数据。有2种方式:get()与post()方式,这2种方式的区别就不用具体介绍了,相信朋友们都很清楚的了解。在这想总结的是action的几种写法。

  1. 一般写法:<form action=“XXX”> 指定要接收提交的请求的servlet或者是jsp等其他控制层方法的URI。但是这种写法有一个不好的地方就是:提交表单后,页面会变白,体验性不好。

  2. 将表单中的<input type="submit"> 改成<input type="button" onclick="add()">

    在js中定义如下函数:

    function add(){

    用jQuery 取表单的各项值进行验证;

    调用 program(参数1,参数2,......)

    }

    function program(参数1,参数2,..........){

    var program = setQueryString(“变量1“,参数1,“变量2”,参数2,.......);

    xmlHttp.open(‘post’,'指定的servlet',true);

    xmlHttp.setrequestheader("content-type","application/x-www-form-urlencoded");

    xmlHttp.send(parm);

    xmlHttp.onreadystatechange=response;

  3. }

    function response(){

    if(xmlHttp.readyState==4){

    if(xmlHttp.status=200){

    // 可以给用户一些反馈,比如:

    alert("操作成功");

    }

    }

    }

    3.这种方式是第二种方式用jQuery写法简化

    $.ajax({

    url:'指定的servlet'

    type:'post' 或者是'get'

    data:可以是json 格式,或者是用字符串拼接,比如:“变量1”+参数1+.......

    success:function(){

    服务返回给前端的数据。

    }

    });

后2种方式是Ajax 提交方式,好处是局部刷新,增强体验效果。

内容就这么多,欢迎大家针对不足之处提出意见。

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表