Ajax的获取数据的简单方法

SSM中Ajax的使用(若使用了ajax就可以不用表单)

用Ajax获取input中的value值（写在script标签中）

function edit(id){
        var num = document.getElementById("orderNumId").value();
		//alter(id);
        $.ajax({
            type: "POST",
            dataType: "json",
            url:"${pageContext.request.contextPath}/orders/edit.do",
            data:{"num":num,"id":id},
            success: function (data) {
                alert("成功获取到了")
            }
        });
    }

其中

edit(id)：id来自于

<button type="button" class="btn bg-default" onclick="edit('${orders.id}')">
                 保存
             </button>

type：
①、POST /url 创建
②、DELETE /url/xxx 删除
③、PUT /url/xxx 更新
④、GET /url/xxx 查看

1、GET请求会向数据库发索取数据的请求，从而来获取信息，该请求就像数据库的select操作一样，只是用来查询一下数据，不会修改、增加数据，不会影响资源的内容，即该请求不会产生副作用。无论进行多少次操作，结果都是一样的。

2、与GET不同的是，PUT请求是向服务器端发送数据的，从而改变信息，该请求就像数据库的update操作一样，用来修改数据的内容，但是不会增加数据的种类等，也就是说无论进行多少次PUT操作，其结果并没有不同。

3、POST请求同PUT请求类似，都是向服务器端发送数据的，但是该请求会改变数据的种类等资源，就像数据库的insert操作一样，会创建新的内容。几乎目前所有的提交操作都是用POST请求的。

4、DELETE请求顾名思义，就是用来删除某一个资源的，该请求就像数据库的delete操作。

data：获取上面的var num的数据以及id
url：form表单中的action
dataType：data的类型

• key/value类型：data:“name=”+name
• json类型：data:{“name”:name}；多个时{“name”:name,“id”:id}
• 序列化表单（适用于数据量大的时候）：data:$("#form").serialize()