jQuery最简单的表单提交方式

第一步：绑定事件

常用的与ajax相关的事件参考如下：

１、$(selector).click(function)

２、$(selector).change(function)

３、$(selector).keyup(function)

４、$(selector).submit(function)

提交表单前，阻止提交按钮的默认的action，或返回false，如：

1、阻止提交按钮的默认的action

$("form").submit(function(e){
    e.preventDefault();  
});

２、返回false

$("form").submit(function() {
    return false;
});

第二步：将表单或对象序列化成字符串，也可以将表单序列化成数组形式；

１、将表单内容序列化为字符串
var data = $("form").serialize();　　

n1=1&n2=2&n3=3&n4=4

如果为post提交，则：$.post("", data, function (rs) {}, "json");

n1 1
n2 2
n3 3
n4 4

 

２、序列化一个 key/value 对象：
var str = jQuery.param({});

３、将表单序列化成数组形式
var sa = $("form").serializeArray();

 [
{

"name": "n1",
"value": "1"
},
{
"name": "n2",
"value": "2"
},
{
"name": "n3",
"value": "3"
},
{
"name": "n4",
"value": "4"
}
]

第三步：表单提交

表单提交可以参数以下方式：

１、jQuery.ajax([settings])

２、jQuery.get(url,data,success(response,status,xhr),dataType)

３、jQuery.post(url,data,success(response,status,xhr),dataType)

４、jQuery.getJSON(url,data,success(data,status,xhr))

５、$(selector).load(url,data,function(response,status,xhr))

６、jQuery.getScript(url,success(response,status))

详细的jQuery.ajax，点击进入