文章目录

• 一、HTML的标签form表单提交（常用）
• 二、JQuery中的ajax提交（常用）
• 三、通过url字符串拼接向后台提交数据
• • 1. 直接在ajax中url拼接数据
  • 2. JS提交数据，通过window.location.href指定路径提交数据。
  • 3. 通过a标签提交数据，通过a标签的href属性提交数据，和js提交数据类似。
  • 4. 在后台中也可以互相访问相应的Servlet
  • 后端接收数据

一、HTML的标签form表单提交（常用）

• 在后台可通过对应的name属性获取相应的值。
• from表单中的action属性标识提交数据的地址。
• method属性指明表单提交的方式。

二、JQuery中的ajax提交（常用）

 $.ajax({
            url: "/index", //后端地址
            type: "post",       //提交方式
            data: {
                //向后台提交的数据
            },
            dataType: "JSON",       //规定请求成功后返回的数据
            success: function (data) {
                //请求成功之后进入该方法，data为成功后返回的数据
            },
            error: function (errorMsg) {
                //请求失败之后进入该方法，errorMsg为失败后返回的错误信息
            }
        });

总结：以上两种方式如果不显示的指定post提交方式，则默认的提交方式为get方式提交。此外，ajax中的url也可以直接通过字符串拼接，然后向后台提交数据，这种方式为get方式提交。下面详细说明

三、通过url字符串拼接向后台提交数据

1. 直接在ajax中url拼接数据

$.ajax({
            url: "/index?username="+username+"&password="+password, //后端地址（含参数）
            type: "get",       //提交方式
            dataType: "JSON",       //规定请求成功后返回的数据
            success: function (data) {
                //请求成功之后进入该方法，data为成功后返回的数据
            },
            error: function (errorMsg) {
                //请求失败之后进入该方法，errorMsg为失败后返回的错误信息
            }
        });

2. JS提交数据，通过window.location.href指定路径提交数据。

var deleteUser = function (deleteId) {
        if (confirm("确认删除编号是【"+deleteId+"】的成员吗?")){
            window.location.href="/DeleteUserServlet?deleteId="+deleteId;  //后端地址（含参数）
        }
    }

3. 通过a标签提交数据，通过a标签的href属性提交数据，和js提交数据类似。

<a href="/index?username="+username+"&password="+password"></a>

4. 在后台中也可以互相访问相应的Servlet

  request.setAttribute("username","张三");
  request.setAttribute("gender","男");
  request.getRequestDispatcher("updateUser.jsp").forward(request,response);

后端接收数据

然后在对应的Servlet中接受参数，进行相应的处理

 String username= request.getAttribute("username");
 String password= request.getAttribute("password");