返回首页

jQuery ajax 的同步与异步

时间:2013-09-25 02:03来源:知行网www.zhixing123.cn 编辑:麦田守望者
默认jQuery所有的ajax请求都是异步处理,即在回调函数里处理返回结果:

$.get('b.txt',function(data){
	console.log(data);
});

执行:

为了更清楚的知道异步处理特性,改写一下:

console.log("开始请求!");

$.get('b.txt',function(data){
	console.log("请求结果!");
});

console.log("请求之后!");

执行结果:

从以上执行顺序就能一眼看出代码执行过程,回调函数最后执行,有点onload的感觉。如果你需要同步处理,比如先获取请求结果然后再执行请求之后的代码。要启用同步请求可以在请求的时候加上同步处理参数async=false 

console.log("开始请求!");

var result = $.ajax({ url: "b.txt", async: false }).responseText; 
console.log("请求结果 : " + result);

console.log("请求之后!");

执行结果:

So,你也可以全局设置,然后直接使用$.get更简单,如:

$.ajaxSetup({ 
	async: false 
}); 

console.log("开始请求!");

var result = $.get("b.txt").responseText; 
console.log("请求结果 : " + result);

var result = $.get("c.txt").responseText; 
console.log("请求结果 : " + result);

console.log("请求之后!");

执行:

当然,不要盲目的使用同步处理,因为毕竟是远程读取文件,即通过URL获取文件内容,假如文件内容庞大或者回应慢直接影响性能,浏览器在请求处理没有结束之前会假死。所以通常数据处理都是异步,获取静态内容或者处理快的URL才使用同步。但建议不是特别有必要还是使用异步并且可以并发多个请求,同步只有一个支路,如果卡在某个支路后面就被葬送了。

------分隔线----------------------------
标签(Tag):jQuery jquery教程 jquery技巧
------分隔线----------------------------
推荐内容
  • 如何安装oracle 10g数据库 oracle 10g安装图解

    特意为大家制作了一份 oracle 10g安装图解 ,这样大家在安装的时候就不会出错了,至于...

  • Eclipse 如何安装Spring IDE支持

    ECLIPSE ARCHIVE离线安装包 SIZE 4.6 springsource-tool-suite-3.8.1.RELEASE-e4.6-up...

  • Eclipse 初始设置图解教程

    一、自动补全 .abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ 二、字体设置 ...

  • idear如何配置JRebel实现热部署

    习惯写PHP之后,发现写JavaEE最蛋疼的是每次修改完代码,需要重启Tomcat服务,当项目...

  • java常用设计模式原型模式及深浅拷贝

    原型模式(Prototype Pattern)是用于创建重复的对象,同时又能保证性能。这种类型的...

  • java中单例模式的4种实现方式

    单例模式(Singleton Pattern)是 Java 中最简单的设计模式之一。这种类型的设计模式...

  • 猜你感兴趣
  • 教育技术学动态
  • 教育技术学论文
  • 理论研究
  • 应用研究
  • 资源收藏
  • 百家观点
  • 英文文献
  • 中国电化教育
  • 电化教育研究
  • 中国远程教育
  • 开放教育研究
  • 现代教育技术
  • 远程教育杂志
  • 现代远距离教育
  • 中国教育信息化
  • 中国信息技术教育
  • 中小学信息技术
  • Flash龙8国际平台入口
  • Photoshop龙8国际平台入口
  • 3DMAX龙8国际平台入口
  • AutoCAD龙8国际平台入口
  • CorelDRAW龙8国际平台入口
  • Matlab龙8国际平台入口
  • 其他龙8国际平台入口
  • .Net龙8国际平台入口
  • Asp龙8国际平台入口
  • Php龙8国际平台入口
  • Jsp龙8国际平台入口
  • Ajax龙8国际平台入口
  • Android教程
  • 其他龙8国际平台入口
  • Word教程
  • Excel教程
  • PowerPoint教程
  • Ubuntu教程
  • 其他教程
  • 课件下载
  • 软件下载
  • 视频教程下载
  • 其他下载
  • 教案大全
  • 试题大全
  • 课件大全
  • 其他大全
  • 人像摄影
  • 风光摄影