jQuery最简单的表单提交方式

时间:2021-04-16

  第一步:绑定事件

  常用的与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))

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章