第一步:绑定事件
常用的与ajax相关的事件参考如下:
1、$(selector).click(function)
2、$(selector).change(function)
3、$(selector).keyup(function)
4、$(selector).submit(function)
提交表单前,阻止提交按钮的默认的action,或返回false,如:
1、阻止提交按钮的默认的action
$("form").submit(function(e){
e.preventDefault();
});
2、返回false
$("form").submit(function() {
return false;
});
详细的jQuery事件,点出进入
第二步:将表单或对象序列化成字符串,也可以将表单序列化成数组形式;
1、将表单内容序列化为字符串
var data = $("form").serialize();
2、序列化一个 key/value 对象:
var str = jQuery.param({});
3、将表单序列化成数组形式
var sa = $("form").serializeArray();
第三步:表单提交
表单提交可以参数以下方式:
1、jQuery.ajax([settings])
2、jQuery.get(url,data,success(response,status,xhr),dataType)
3、jQuery.post(url,data,success(response,status,xhr),dataType)
4、jQuery.getJSON(url,data,success(data,status,xhr))
5、$(selector).load(url,data,function(response,status,xhr))
6、jQuery.getScript(url,success(response,status))
详细的jQuery.ajax,点击进入