jquery的ajax同步和异步的理解及示例

【jquery的ajax同步和异步的理解及示例】的更多相关文章

jquery的ajax同步和异步的理解及示例

之前一直在写JQUERY代码的时候遇到AJAX加载数据都需要考虑代码运行顺序问题.最近的项目用了到AJAX同步.这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出去假死状态,当这个AJAX执行完毕后才会继续运行其他代码页面假死状态解除. 而异步则这个AJAX代码运行中的时候其他代码一样可以运行. jquery的async:false,这个属性默认是true:异步,false:同步. 复制代码代码如下: $.ajax({ type: "post",…

ajax同步与异步的坑

之前工作中一个需求,需要动态的添加一组下拉菜单并为这个菜单绑定一个插件,很明显获取数据用Ajax,这本身是没错的,坑就坑在我用了同步请求,当服务器端正确返回数据时再去执行下一个方法,这逻辑本身没有问题.所以当我写完之后,我发现页面加载速度及其的慢,我删除了一些多余的和http请求,仍然不能解决这个问题,然后我突然想到了Ajax同步和异步的问题,改成异步之后页面数据加载就快了很多,希望能正确的使用同步和异步. 在Jquery中ajax方法中async用于控制同步和异步,当async值为t…

ajax同步与异步的区别

jquery中ajax方法有个属性async用于控制同步和异步,默认是true,即ajax请求默认是异步请求,有时项目中会用到AJAX同步.这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出现假死状态,当这个AJAX执行完毕后才会继续运行其他代码页面假死状态解除.而异步则这个AJAX代码运行中的时候其他代码一样可以运行. ajax中async这个属性,用于控制请求数据的方式,默认是true,即默认以异步的方式请求数据. 一.async值为true (异步) 当…

浅谈ajax同步、异步的问题

最近实习的时候看到过firefox的同步.异步的警告,想着概念不是那么清楚,于是整理了一下ajax同步异步方面的知识.我是小白,做个笔记. 首先就是概念问题,ajax根据async进行区分同步和异步过程,当async=true异步,async=false为同步,ajax默认async为异步.W3C推荐使用异步方法. 那么这两种情况分别在那种情况下使用呢?我自己的理解是这样的: 异步:ajax不会影响整个页面的加载,相当于和浏览器加载或者用户操作分开走,互不相干,体现在用户角度就是不会有什么卡顿的…

js中对同步和异步的理解

你应该知道,javascript语言是一门“单线程”的语言,不像java语言,类继承Thread再来个thread.start就可以开辟一个线程,所以,javascript就像一条流水线,仅仅是一条流水线而已,要么加工,要么包装,不能同时进行多个任务和流程.那么这里说的同步和异步到底是什么呢?如果你真的不懂,我希望你认真读完这篇文章.其实我个人觉得js官方的文档在使用两个词的时候并不准确,包括很多其他词汇,都只是听起来高深,但实际应用好像跟这些词没半毛钱关系.例如“事件委托”这个词,不知道的人乍…

JS中同步与异步的理解

你应该知道,javascript语言是一门“单线程”的语言,不像java语言,类继承Thread再来个thread.start就可以开辟一个线程,所以,javascript就像一条流水线,仅仅是一条流水线而已,要么加工,要么包装,不能同时进行多个任务和流程. 那么这里说的同步和异步到底是什么呢?如果你真的不懂,我希望你认真读完这篇文章.其实我个人觉得js官方的文档在使用两个词的时候并不准确,包括很多其他词汇,都只是听起来高深,但实际应用好像跟这些词没半毛钱关系.例如“事件委托”这个词,不知道的人…

JQ Ajax 同步与异步的区别

$.ajax({ url: xml_addr, type: 'get', dataType: 'xml', timeout: 1000, //设定超时 cache: false, //禁用缓存 async:false,//同步(保证配置取出再执行其他的代码) error: function(xml) { console.log("读取xml出错"); }, success:function(xml) { $(xml).find("server").each(func…

jquery的ajax同步和异步

之前一直在写JQUERY代码的时候遇到AJAX加载数据都需要考虑代码运行顺序问题.最近的项目用了到AJAX同步.这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出去假死状态,当这个AJAX执行完毕后才会继续运行其他代码页面假死状态解除. 而异步则这个AJAX代码运行中的时候其他代码一样可以运行. jquery的async:false,这个属性默认是true:异步,false:同步. $.ajax({ type: "post", url: "…

Ajax同步和异步的区别？

今天在code review时候看到同事的代码,用了ajax同步,async:false,如果不设置async参数,默认是true,为异步,异步的情况是比较复杂的,看下同步这个例子: function getCommit(){ var data = null; $.ajax({ url: '', async: false, success:function(res){ data = res.data; } }); return data;} 该方法的return放在了方法的最后一步,不像我们常规…

setTimeout、同步、异步的理解

console.log('111'); setTimeout(()=>{ console.log('222') },1000); console.log('333'); setTimeout(()=>{ console.log('444') },0); console.log(555); 就是执行这样一段js代码 , 打印出来的结果是 : 111 -> 333 -> 555 -> 444 -> 222 (结果就是我们理论起来 setTimeout 到底是同步还是异步的…

jQuery中AJAX同步如何实现?

jax请求默认的都是异步的如果想同步 async设置为false就可以(默认是true) var html = $.ajax({ url: "some.php", async: false}).responseText; 或者在全局设置Ajax属性$.ajaxSetup({ async: false });再用post,get就是同步的了…

针对jquery的ajax中的参数理解

1. url 发送请求的地址.为空表示当前页. $.ajax({ type: "post", data: studentInfo, contentType: "application/json", url: "/Home/Submit",//请求的接口 beforeSend: function () { // 禁用按钮防止重复提交 $("#submit").attr({ disabled: "disabled&quo…

ajax 同步和异步的区别

举个例子:普通B/S模式(同步)AJAX技术(异步)同步:提交请求->等待服务器处理->处理完毕返回这个期间客户端浏览器不能干任何事异步: 请求通过事件触发->服务器处理(这时浏览器仍然可以作其他事情)->处理完毕--------------------------------------------------------------------------------------------------------------------同步就是你叫我去吃饭,我听到了就和你去…

jquery的ajax同步异步执行

大家先看一段简单的jquery ajax 返回值的js 代码 function getReturnAjax{ $.ajax({ type:"POST", http://www.cnblogs.com/wlmemail/admin/%22ajax/userexist.aspx", data:"username="+vusername.value, success:function(msg){ if(msg=="ok&…

ajax同步与异步理解

例如,小明去餐馆排队点餐,前台服务员将小明的菜单告诉厨师进行制作,此时小明后面排队的人就一直等着,直到厨师制作完成,把饭菜送到小明手里后离开,后面的人才能继续点餐:这就是同步处理但是,如果前台服务员将小明的菜单告诉厨师后,服务员发给小明一个好牌去旁边等待,后面的人继续点餐,厨师将小明的饭菜做好后,随时呼唤小明就餐:这就是异步处理服务器的不同做法,就代表着 Ajax 的同步或异步处理:小明就是客户端:厨师就是后台服务器: ajax前端代码:!DOCTYPE html> <html lang=…

C#同步，异步的理解，包括5.0中await和async（学习笔记）

之前在工作中一直用的是同步线程,就是先进入画面的load事件,然后在里面进行数据库调用的处理.后面又遇到了公司软件中一些比较古老的代码,一开始在那块古老代码中增加机能的时候,我想用到数据库的数据给画面赋上某些值,然后按照之前的常规方法去弄,发现不可以.询问了前辈,发现是异步的方式解决的.前辈说异步对于用户的感官上是最理想的,后面用同步线程是因为软件比较复杂,而且涉及的数据比较庞大,部分机能如果拿不到前面取得数据,是完全不可以进行下去的,所以用异步解决显得特别繁琐,然后改用了同步线程. 同步:方法…

AJAX同步和异步的区别

function paginationGo(page){ sendata = {"page":page}; $.ajax({ type:"POST", url:"newqc1.asp", async:true, timeout:10000, data:sendata, success:function(data){ //alert(data+"aa"); $("#qc01").html(data); },…

关于$.ajax同步和异步的问题和提交后台的一些问题。

经常有人ajax函数外,定义一个全局变量,并且在返回函数取出一个值用作判断条件,但是这一条件常常失效. var OnOff=0; var checkPhone = function() { var phoneVal ={ "tel":$(".checkPhone").val() }; $.ajax({ type : "post", url : 'base/doExistTel.do', data:phoneVal, dataType : &quo…

使用jQuery的ajax同步请求吃过的亏

jQuery是一个非经常常使用的js库.甚至我们开发不论什么一个项目都首先把jquery导入进行.jQuery太过强大,使用起来非常方便.可是在使用的过程中也遇到过非常多坑.我在这里分享一下.避免大家也遇到相同的问题束手无策,也方便以后回归学习. 普通的写法: $.ajax({ url:url, type:'POST', async:false, data:{ id:1 }, dataType:'json', timeout:666666, success:function(resultObj)…

ajax同步和异步的切换

ajax为网页提供了非常不错的异步机制,但是有时候两个ajax放在一起,希望第一个完成后再继续第二个ajax的执行.这时候可以将第一个ajax代码带上同步参数即可,如下: $.ajax({ async: false, //这里设置为false,为同步,不添加该语句为异步 type: 'POST', url: "/ADShiTis/AjaxDelete", data: { cid: $('#daCID').val(), }, dataType: "json" });…

JS同步和异步的理解

js的同步和异步问题通常是指ajax的回调,如果是同步调用,程序在发出ajax调用后就会暂停,直到远程服务器产生回应后才会继续运行.而如果是异步调用,程序发出ajax调用后不会暂停,而是立即执行后面的代码,服务器返回信息后会自动触发回调函数进行处理.相比较而言,异步调用的性能最佳,程序不会出现卡顿的现象,而同步调用则通常用于需要立即获得结果并实时处理的情况.…

Ajax 是什么？Ajax 的交互模型？同步和异步的区别？如何解决跨域问题？以及 HTTP状态码

一.Ajax 是什么: 1. 通过异步模式,提升了用户体验 2. 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用 3. Ajax 在客户端运行,承担了一部分本来由服务器承担的工作,减少了大用户量下的服务器负载. Ajax 的最大的特点: 1. Ajax可以实现动态不刷新(局部刷新) 2. readyState 属性状态有5个可取值: 0 = 未初始化,1 = 启动, 2 = 发送,3 = 接收,4 = 完成 Ajax 同步和异步的区别: 1. 同步:提交请求 -…

JQuery 之 Ajax 异步和同步浅谈

Ajax 同步和异步的区别同步是当 JS 代码加载到当前 Ajax 的时候会把页面里所有的代码停止加载,页面出现假死状态:当这个 Ajax 执行完毕后才会继续运行其他代码此时页面假死状态才会解除.反之异步则 Ajax 代码在运行时,其余的 JS 脚本依旧能够运行. 在 Jquery 中可以通过 async 的 true 和 false 设置同步或异步,在默认的情况下是为 true 即为异步. 接下来请看下 Sample Code: $.ajax({ type: "post", url…

Ajax 的概念及过程？Ajax 的交互模型？同步和异步的区别？如何解决跨域问题？

Ajax 是什么: 1) 通过异步模式,提升了用户体验 2) 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用 3) Ajax 在客户端运行,承担了一部分本来由服务器承担的工作,减少了大用户量下的服务器负载. Ajax 的过程: 1) 创建XMLHttpRequest对象,也就是创建一个异步调用对象 2) 创建一个新的HTTP请求,并指定该HTTP请求的方法.URL及验证信息 3) 设置响应HTTP请求状态变化的函数 4) 发送HTTP请求 5) 获取异步调用…

jquery ajax 同步异步的执行

jquery ajax 同步异步的执行大家先看一段简单的jquery ajax 返回值的js 代码 function getReturnAjax{ $.ajax({ type:"POST", http://www.cnblogs.com/wlmemail/admin/%22ajax/userexist.aspx", data:"username="+vusername.value, success:function(msg)…

ajax同步、异步执行简单理解与证明

此理解范例代码来自前几篇随笔! 首先我们来先了解下AJAX: Ajax:全称“Asynchronous Javascript and XML”(异步Javascript和XML),他是由Javascript+CSS+DOM+XMLHttpRequest的四种技术的结合,并且JS是Ajax的核心.jQuery将Ajax的实现变得更加轻松容易.Ajax就是我们常说的局部刷新! 重在实际操作练习一下!!!!! 在$.ajax()中我们可以常常看到async,这就是来指定ajax同步异步的,需要记忆一下…

同步请求和异步请求的区别,ajax异步请求如何理解

同步请求和异步请求的区别先解释一下同步和异步的概念同步是指:发送方发出数据后,等接收方发回响应以后才发下一个数据包的通讯方式. 异步是指:发送方发出数据后,不等接收方发回响应,接着发送下个数据包的通讯方式. 同步通信方式与异步通信的概念同步通信方式要求通信双方以相同的时钟频率进行,而且准确协调,通过共享一个单个时钟或定时脉冲源保证发送方和接收方的准确同步,效率较高: 异步通信方式不要求双方同步,收发方可采用各自的时钟源,双方遵循异步的通信协议,以字符为数据传输单位,发送方传送字符的时间间隔…

jQuery Ajax同步参数导致浏览器假死怎么办

俗话说不作死就不会死,今天作死了一回,写了一个比较二逼的函数,遇到了同步Ajax引起的UI线程阻塞问题,在此记录一下. 事情起因是这样的,因为页面上有多个相似的异步请求动作,本着提高代码可重用性的原则,我封装了一个名为getData的函数,它接收不同参数,只负责获取数据,然后把数据return.基本的逻辑剥离出来是这样的: 代码如下复制代码 function getData1(){ var result; $.ajax({ url : '…

js中的同步和异步的个人理解（转）

你应该知道,javascript语言是一门“单线程”的语言,不像java语言,类继承Thread再来个thread.start就可以开辟一个线程,所以,javascript就像一条流水线,仅仅是一条流水线而已,要么加工,要么包装,不能同时进行多个任务和流程. 那么这里说的同步和异步到底是什么呢?如果你真的不懂,我希望你认真读完这篇文章.其实我个人觉得js官方的文档在使用两个词的时候并不准确,包括很多其他词汇,都只是听起来高深,但实际应用好像跟这些词没半毛钱关系.例如“事件委托”这个词,不知道的人…

AJAX是什么? AJAX的交互模型(流程)?同步和异步的区别? AJAX跨域的解决办法?

AJAX是什么? AJAX的交互模型(流程)?同步和异步的区别? AJAX跨域的解决办法? 分类: web前端面试题2013-07-20 22:40 630人阅读评论(0) 收藏举报目录(?)[+] ajax是异步的 JavaScript 和 XML.通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 交互流程: 1--启动获取XMlHttpRequest对象 2--ope…