首页
学习
活动
专区
工具
TVP
发布

Ajax异步&同步请求

一、简介 Ajax请求最重要的问题是代码执行的顺序。最长遇到的问题是,我们定义一个变量接收ajax异步请求的返回结果,后续代码使用,然而后续代码在使用时该变量为初始值,始终得不到想要的结果!!!...success: function(data){           console.log(2);       }   });   console.log(3);   // 结果:1->3->2   // 同步...sync默认是true,即为异步方式,$.ajax执行后,会继续执行ajax后面的脚本,直到服务器端返回数据后,触发$.ajax里的success方法。...若要将其设置为false,则所有的请求均为同步请求,在没有返回值之前,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。...http://api.jquery.com/jQuery.ajax/

3K30
您找到你想要的搜索结果了吗?
是的
没有找到

AJAX同步异步编程

AJAX同步异步编程 AJAX同步异步编程是针对于当主线程遇到 xhr.send() 方法时,是否将其放到任务队列中去,且其异步特点是:浏览器开了一个新的线程帮我们去服务器获取数据。...1 -> 2,2 -> 3,3 -> 4,进而监听者xhr.onreadyStatechange()每当监听到状态改变,都会拿到主栈中执行一次 AJAX 同步编程 ---控制台--- 4 主线程向下执行代码...,首先会将 xhr.onreadyStateChange() 方法放到等待事件队列中去,然后继续向下执行,由于AJAX开启的是同步模式,因此AJAX任务就交给主线程去执行,只有当状态码为 4 时,任务才结束...因此使用AJAX同步编程,不能够在状态码为2的时候获取到响应头的信息,但是状态码为4的时候也是可以获取到头和主体信息。...---控制台--- 没有打印 由于是AJAX同步模式,因此当执行 xhr.send() 方法后,只有当AJAX状态码为4时,主线程才会继续处理下面的代码,也就是在这个监听事件绑定之前AJAX的状态码就已经为

7710

AJAX中的同步加载与异步加载

HTML5学堂:在AJAX知识当中,有几个经典的辨析,“同步加载”与“异步加载”的区别;post与get的区别;XML与JSON的区别等。...本文讲解的就是同步与异步的区别,可以通过图片更直观的理解两者在加载内容时的流程。在最后介绍了异步加载的优势。...什么是AJAX AJAX是四个单词的简写,其中Asynchronous即异步的意思,异步的链接可以同时发起多个,并且不会阻止JS代码执行。...与之对应的概念是同步同步的链接在同一时刻只会有一个,并且会阻止后续JS代码的执行,JS必须等待同步链接加载完毕后才能继续执行。AJAX发展到现在,不但可以发起异步链接,也可以发起同步链接。...同步加载 同步加载,每次刷新的是整个页面 ? 异步加载 异步加载,每次只刷新需要更换部分的内容 ?

3.2K60

Ajax系列之异步调用导致的不同步问题

排查了挺长时间,最开始因为在ie才能重现的问题,在极速模式的360浏览器是没问题的,而且第一次点击时候没带出数据,第二次点击时候才可以带出数据,然后很容易让人联想到ie的缓存问题,不过调了大半天 加上ajax...不缓存的代码,已经改成post请求,或者get请求连接后面加上一个时间戳参数都不奏效 $(function(){ //ajax不缓存请求结果 $.ajaxSetup({cache: false...在保存数据代码和打开弹窗页面的代码之间加一个alert提示,发现果然,关联alert弹窗提示之后,数据正常带出,所以确定是因为异步导致的 保存的代码,注意async:true,,这里是异步的,之前可能是考虑性能问题,改成异步的 $.ajax...result){ ... } }); 所以经过一番调试,给出自己的方案,解决方法是用回调函数: 保存函数: function saveRecord(seq,callback){ $.ajax

1.3K40

jQuery ajax - ajax()方法

AJAX 是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新。 什么是 AJAX?...简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。 使用 AJAX 的应用程序案例:谷歌地图、腾讯微博、优酷视频、人人网等等。...关于 jQuery 与 AJAX jQuery 提供多个与 AJAX 有关的方法。...提示:如果没有 jQuery,AJAX 编程还是有些难度的。 编写常规的 AJAX 代码并不容易,因为不同的浏览器对 AJAX 的实现并不相同。这意味着您必须编写额外的代码对浏览器进行测试。...不过,jQuery 团队为我们解决了这个难题,我们只需要一行简单的代码,就可以实现 AJAX 功能。

9.2K20

从零开始学 Web 之 Ajax(五)同步异步请求,数据格式

一、同步请求与异步请求 同步请求:在用户进行请求发送之后,浏览器会一直等待服务器的数据返回,如果网络延迟比较高,浏览器就一直卡在当前界面,直到服务器返回数据才可进行其他操作。...如果将 Ajax 请求改为同步请求的话: 1、界面会卡顿,卡顿事件取决于网络速度; 2、xhr.onreadystatechange 的回调函数不会执行,因为在 xhr.send() 之后,xhr.readyState...Ajax 的四步操作中,同步和异步的区别: 如果是异步请求,在 send 的时候,会调用浏览器进行网络数据的请求,send 就执行完了,接着将第四步的回调函数存储在事件队列里面,浏览器数据请求完了,readyState...而在同步请求中, send 时是自己进行网络数据的请求,这个时候非得请求到数据,才会接着将第四步的回调函数存储在事件队列里面,所以如果网络延时页面就会卡死,在 send 过后接受到数据的时候 readyState

71220
领券