首页 > Web开发 > 详细

jQuery最简单的表单提交方式

时间:2015-04-27 01:56:17      阅读:325      评论:0      收藏:0      [点我收藏+]

第一步:绑定事件

常用的与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,点击进入

 

jQuery最简单的表单提交方式

原文:http://www.cnblogs.com/sntetwt/p/4458845.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!