jQuery Ajax异步

jQuery.form.js插件(博客参考):

http://blog.csdn.net/zzq58157383/article/details/7718956

http://www.cnblogs.com/heyuquan/p/form-plug-async-submit.html

 

ajax分页:http://www.helloweba.com/view-blog-195.html

http://www.cnblogs.com/chenping-987123/archive/2011/02/14/1954640.html

ajaxUpload插件实现单图上传:http://www.cnblogs.com/abel/archive/2013/07/24/3213409.html

优势:

1、简简单单几句代码,我们就可以实现表单的提交,并且可灵活通过ajaxSubmit()函数基于任何事件的触发实现表单异步提交。
2、支持文件上传功能,并在新浏览器中支持进度条更新。
3、与jQuery库完美结合,支持jQuery.ajax()函数触发的各种事件,支持jQuery.ajax()中所传递的参数。

实例:

<script type="text/javascript">

$(function () {

var options = {

type : "post",

dataType : "json",

beforeSubmit : checkout,  //表单提交之前的验证函数

success: function (data) {

$("#responseText").text(data);

}

};

// 方法一:ajaxForm

$("#form").ajaxForm(options);

// 方法二:ajaxSubmit

$("#btnSubmit").click(function () {  //button或input不能为submit类型

$("#form").ajaxSubmit(options);

});

});

</script>

在jquery的ajax函数中,可以传入3种类型的数据:

1.文本:"uname=alice&mobileIpt=110&birthday=1983-05-12";

2.json对象:{uanme:‘vic‘,mobileIpt:‘110‘,birthday:‘2013-11-11‘};

3.json数组:

[

{"name":"uname","value":"alice"},

{"name":"mobileIpt","value":"110"},

{"name":"birthday","value":"2012-11-11"}

];

所以,我们可以一键获取表单并提交,非常方便。

补充:

其实提取表单数据的话只需要serialize()方法直接获取"uname=alice&mobileIpt=110&birthday=1983-05-12"这样的就可以了。

时间: 2024-10-05 09:25:06

jQuery Ajax异步的相关文章

Jquery Ajax 异步设置Table中某列的值

可根据table中某列中的ID去改变某列的值! JS: 1 $(document).ready(function () { 2 setTimeout(GetDate, 1000); 3 4 }); 5 6 function GetDate() { 7 $("#tbData tbody").find("tr").each(function () { 8 var prjectBalanceObj = $(this).find("td:eq(3)");

详谈 Jquery Ajax 异步处理Json数据.

详谈 Jquery Ajax 异步处理Json数据.

jquery ajax异步调用

写程序的第一步都要知其然,至于知其所以然就要看个人的爱好了.下面说一下web开发中经常用的ajax. 这里是用的jquery框架实现的ajax异步调用.废话少说先上代码.(asp.net开发) var x=""; var y=""; $.ajax({ type: "post", url: "../ashx/RemoveHoliday.ashx", dataType: "json", data: { parm

Jquery ajax异步传值的两个实用的方法,你看后肯定会用第二个

故名思议,你是个asp.net  或者是搞PHP的或者 是javaweb的 ,但是为了提高界面的效率,你必须会实用jquery的ajax,当然,在ajax异步传值的时候很头疼的一件事情就是,拼接字符串json下面给大家演示一个较为普通的拼写json,话不多少 我直接上code $.ajax({ type: "Post", //方法 url: "MsgTongJi.aspx/AreaStu", //url contentType: "application/

JQuery $.ajax(); 异步访问完整参数

jquery中的ajax方法参数 url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持. timeout: 要求为Number类型的参数,设置请求超时时间(毫秒).此设置将覆盖$.ajaxSetup()方法的全局设置. async: 要求为Boolean类型的参数,默认设置为true,所有请求均为异步请求.如

jQuery ajax 异步请求

jQuery - AJAX 简介 AJAX 是与服务器交换数据的技术,它在不重载全部页面的情况下,实现了对部分网页的更新. 什么是 AJAX? AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML). 简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示. 关于 jQuery 与 AJAX jQuery 提供多个与 AJAX 有关的方法. 通过 jQuery AJAX 方法,您能够使用 HTTP Get

JQuery ajax 异步传一个数组到 .net后台

可能使用JQuery Ajax传值到后台一个字符串,或者序列化后的表单大家都使用过,但是某些项目,需要我们一次传值一个数组到后台,这个时候有什么好的办法呢? 1.JS将数组转换为一个字符串,然后传值到后台,不方便 比如把一个[1,2,3,4,5]的数组,转换为一个 var str="1,2,3,4,5"; 的字符串 ,然后传递到后台后,再用.net的 split(',') 分离,这样用起来十分别扭,而且还要考虑数组中是否会存在分割字符串的问题 2.使用 JSON.stringify()

jquery ajax异步和同步从后天取值

最近使用jquery的ajax,发现有些效果不对,ajax请求后返回的json串回来了,但是执行顺序有问题. var isReload = false; $.post('/home/DetectCachedLoginInfor/', function (result) { if (result.errorMsg) { if (result.errorMsg) { alert(result.errorMsg); isReload = true; } } }, 'json'); if (isRelo

浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法(转载)

在调用一个jquery的ajax方法时我们有时会需要该方法返回一个值或者给某个全局变量赋值,可是我们发现程序执行完后并没有获取到我们想要的值,这时很有可能是因为你用的是ajax的异步调用async:true(默认情况),如: 复制代码 代码如下: function ManageCommentText(text) {var result = text;$.ajax({data: "get",url: "GetComments.aspx",data: "typ