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的获取数据的简单方法