时间: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邮箱联系删除。
1、通过表单提交这是HTML支持最传统的提交方法,需要创建表单,然后表单包含各种类型的表单元素,还要有一个提交按钮,通过提交按钮来提交到后台,这种方式提交后页面
下面介绍jquery提交表单mvc3后台处理示例。 JQuery提交表单: 代码如下:$(document).ready(function(){$("#
本文实例讲述了jQuery基于Ajax方式提交表单功能。分享给大家供大家参考,具体如下:提交表单一般通过同步的方式提交,提交后页面刷新或跳转到新页面来显示服务器
在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax序列化表单$(表单ID)serialize();就行了,下面我
1.使用post提交方式2.构造表单的数格式3.结合form表单的submit调用ajax的回调函数。使用jQuery异步提交表单代码:复制代码代码如下:无标题