`
uule
  • 浏览: 6351677 次
  • 性别: Icon_minigender_1
  • 来自: 一片神奇的土地
社区版块
存档分类
最新评论

Ajax请求是否可以实现同步

 
阅读更多

Ajax请求是否可以实现同步

 

当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出现假死状态,当这个AJAX执行完毕后才会继续运行其他代码页面,假死状态解除。 

 

$.ajax({ 
    type: "post", 
    url: "path", 
    cache:false, 
	//异步
    async:false, 
    dataType: ($.browser.msie) ? "text" : "xml", 
    success: function(xmlobj){ 

    } 

});

 

async默认的设置值为true,这种情况为异步方式,就是说当ajax发送请求后,在等待server端返回的这个过程中,前台会继续 执行ajax块后面的脚本,直到server端返回正确的结果才会去执行success,也就是说这时候执行的是两个线程,ajax块发出请求后一个线程 和ajax块后面的脚本(另一个线程)

 

$.ajax({  

         type:"POST", 
         url:"Venue.aspx?act=init", 
         dataType:"html", 
         success:function(result){   //function1()
             f1(); 
             f2(); 
        } ,
        failure:function (result) {  
            alert('Failed');  
         }
  } 


  function2(); 

 

当ajax块发出请求后,他将停留function1(),等待server端的返回,但同时(在这个等待过程中),前台会去执行function2(),也就是说,在这个时候出现两个线程,我们这里暂且说为function1() 和function2()。

 

 

当把asyn设为false时,这时ajax的请求时同步的,也就是说,这个时候ajax块发出请求后,他会等待在function1()这个地方,不会去执行function2(),知道function1()部分执行完毕。

 

 

 

分享到:
评论
1 楼 LovingBaby 2018-12-01  
胡说,javascript 运行时是单线程的,event loop 了解一下!

相关推荐

    Ext.Ajax.request2.x实现同步请求

    总结来说,`Ext.Ajax.request`在EXTJS中是进行Ajax通信的关键工具,通过调整其配置参数,我们可以实现同步请求。尽管同步请求有其应用场景,但应谨慎使用,以避免对用户体验造成负面影响。在EXTJS 2.x这样的老版本中...

    解决js ajax同步请求造成浏览器假死的问题

    这可以通过使用setTimeout函数实现,它允许浏览器在等待AJAX请求的期间,先去渲染页面上的其他元素。 具体到本文中,开发者在第二次尝试中使用了setTimeout,将AJAX请求放入setTimeout所创建的函数中。这样做允许...

    实例详解Android Webview拦截ajax请求

    通过这种方式,我们就可以截获 Ajax 请求,并实现统一的网络请求管理、Cookie 同步、证书校验、访问控制等功能。 * Android Webview 拦截 Ajax 请求 * JavaScript Bridge:DSBridge * HTTP 请求库:Fly.js * ...

    extjs ajax同步请求所需js

    标题中提到的"extjs ajax同步请求所需js"是指ExtJS框架中用于执行同步Ajax请求的相关JavaScript代码。在ExtJS中,Ajax请求通常通过`Ext.Ajax`对象来实现。与传统的异步请求不同,同步请求会阻塞浏览器,直到请求完成...

    解决ajax请求后台,有时收不到返回值的问题

    jquery中ajax方法有个属性async用于控制同步和异步,默认是true,即ajax请求默认是异步请求,有时项目中会用到AJAX同步。这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出现

    extjs3.0 ajax 同步请求

    本文将详细介绍如何在 ExtJS 3.0 中实现同步 AJAX 请求,并探讨其在实际项目中的应用场景与注意事项。 #### 二、AJAX 同步请求原理 AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下...

    springmvc接收ajax请求注意事项

    async: true, // 如果需要发送同步请求,请将此选项设置为 false contentType: "application/x-www-form-urlencoded", success: function(data) { alert(data.username); } }); } ``` 在上面的例子中,我们...

    服务器端判断Ajax请求

    如果该请求头存在且其值为`XMLHttpRequest`,则可以认为这是一个Ajax请求。 #### 实现示例(Java) ```java protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ...

    解决Ajax 发送多个请求引发的并发问题

    1. 同步请求:将Ajax请求设置为同步(async: false),这样可以确保请求按照发出的顺序执行。但这种方法会导致浏览器阻塞,直到所有请求完成,可能导致页面无响应。 2. 请求队列:手动管理请求队列,当有新的请求时...

    Java通过jQuery实现ajax异步请求

    综上所述,"Java通过jQuery实现ajax异步请求"的示例工程涵盖了客户端与服务器端的交互流程,包括使用jQuery发起AJAX请求、Java后端处理请求并返回数据,以及数据格式的转换和错误处理。了解并掌握这些知识点,对于...

    Ajax异步请求的验证

    它的主要特点是在后台与服务器进行少量数据交换,使得网页可以实现部分刷新,提高交互性。 二、创建Ajax请求 在JavaScript中,通常使用XMLHttpRequest对象来创建Ajax请求。以下是一个简单的Ajax请求示例: ```...

    ajax请求例子

    ### AJAX请求基础知识与示例解析 #### 一、AJAX技术概述 AJAX(Asynchronous JavaScript and XML)是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新。这意味着...

    浅谈js的ajax的异步和同步请求的问题

    异步(Asynchronous)与同步(Synchronous)是Ajax请求的两种执行方式。异步请求允许浏览器在发送Ajax请求后继续执行后续的JavaScript代码,不需要等待服务器响应。而同步请求则会使浏览器等待,直到收到服务器的...

    POST方式发送ajax请求

    本篇将重点讲解如何使用POST方式发送AJAX请求,并对表单数据进行封装。 一、AJAX基本原理 AJAX基于JavaScript的XMLHttpRequest对象,该对象是浏览器内置的对象,用于在后台与服务器进行通信。通过创建...

    ext-basex.js 进行Ext.Ajax.request 同步请求 FF无法正常

    4. **调整浏览器设置**:虽然不建议,但如果你必须使用同步请求,可能需要检查用户的Firefox设置,看是否允许同步XMLHttpRequests。不过这并不是一个长期解决方案,因为大多数浏览器会逐渐限制这种行为。 在`ext-...

    ExtJs Ajax 同步问题

    在ExtJS中,Ajax请求主要通过`Ext.Ajax`对象来实现。`Ext.Ajax.request()`方法是进行Ajax请求的核心函数,它接受一系列参数,包括URL、方法(GET或POST)、请求数据、回调函数等。同步与异步的控制则通过`async`参数...

    javascript发送ajax请求,获取返回值res,async 同步/异步

    javascript发送ajax请求,获取返回值res,async 同步/异步 var res = sendRequest({ url : "1.php", //necessary method : "post", params : { param1 : "123", param2 : "234" }, async : false });

    ajax 同步请求和异步请求的差异分析

    对于异步请求,错误处理通常在回调函数中进行,而同步请求则可以在请求完成后立即检查状态并处理错误。 总的来说,理解AJAX的同步和异步请求的区别是开发高效、用户友好的Web应用的关键。选择合适的请求类型,结合...

    Ajax请求的五个步骤!!!

    ### Ajax请求的五个步骤详解 #### 一、引言 Ajax技术作为一种强大的前端技术,能够实现局部刷新网页,提升用户体验。本文将详细介绍Ajax的基本概念及其请求的五个关键步骤,并探讨在实际开发过程中可能会遇到的问题...

Global site tag (gtag.js) - Google Analytics