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()
更多推荐
Ajax的获取数据的简单方法
发布评论