ajax的表单提交，与传送数据

Posted 磨人小妖精

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ajax的表单提交，与传送数据相关的知识，希望对你有一定的参考价值。

     ajax的表单提交

$.ajax
({
url: "<%=basePath%>resource/addPortDetectOne.action",
dataType: "json",
method : ‘post‘,

data: $("#form_portDetect").serialize(),              //传送表单数据
success : function(data_) {
//alert(data_);
alert(data_.message);
//重载grid数据
$("#grid-table").jqGrid().trigger("reloadGrid");
},
error : function(XMLHttpRequest, textStatus, errorThrown){
alert("error:"+textStatus);
}
});

      ajax传送数据

$.ajax
({
url: "<%=basePath%>resource/updatePortDetect.action",
dataType: "json",
method : ‘post‘,


//传送请求数据
data: {

pkid :$("#form_portPkid").val(),
port: $("#form_port").val(),
portName: $("#form_portName").val(),
},
success : function(data_) {
//alert(data_);
alert(data_.message);
//重载grid数据
$("#grid-table").jqGrid().trigger("reloadGrid");
},
error : function(XMLHttpRequest, textStatus, errorThrown){
alert("error:"+textStatus);
}
});



































以上是关于ajax的表单提交，与传送数据的主要内容，如果未能解决你的问题，请参考以下文章

jquery submit和ajax提交表单的区别

Jquery ajax提交表单几种方法详解

Ajax提交与传统表单提交的区别说明

ajax表单提交成功后,为何表单里还有上次填入的数据，如何解决

ajax提交与普通表单提交的优缺点

与 PHP 相呼应的表单未使用 ajax 提交