js 前端向后端传值方式post get-一一网

1.首先后端`request`获取请求参数

2.前端提交参数

最为常见的客户端传递参数方式有两种：post get

浏览器地址栏直接输入：一定是GET请求；可以直接在ajax中url拼接数据
复制代码

//url传值
 url: "TestJsonServlet?id="+id+"&gender="+"男", //提价的路径
复制代码

超链接：一定是GET请求；
复制代码

//通过a标签提交数据，通过a标签的href属性提交数据，和js提交数据类似。
<a href="DeleteUserServlet?id='3'&gender='男'"></a>
复制代码

表单：可以是GET，也可以是POST，这取决与<form>的method属性值；
复制代码

//form表单把所有属于表单中的内容提交给后台，例如输入框，单选框，多选框，文本域，文件域等。
//1.在后台可通过对应的name属性获取相应的值。
//2.from表单中的action属性标识提交数据的地址。
//3.method属性指明表单提交的方式。
<form action="demo.do" method="post">
        用户名：<br>
        <input type="text" name="username"><br>
        密码:<br>
        <input type="password" name="password" ><br><br>
        <input type="submit" value="提交">
    </form>

复制代码

JS提交数据，通过window.location.href指定路径提交数据。
复制代码

var deleteUser = function (deleteId) {
        if (confirm("确认删除编号是【"+deleteId+"】的成员吗?")){
            window.location.href="DeleteUserServlet?deleteId="+deleteId;
        }
    }
复制代码

JQuery中的ajax提交（常用）

JavaScript中也有ajax提交，但是代码太多，所以JQuery对JS中的ajax进行了简化。引入JQuery相应的包即可使用。一般格式为：

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