Ajax同步与异步的区别

var returnValue = null; 
xmlhttp = createXmlHttp(); 
xmlhttp.onreadystatechange = function() { 
    if(xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
        if (xmlhttp.responseText == "true") { 
            returnValue = "true"; 
        } 
        else { 
            returnValue = "false"; 
        } 
    } 
}; 
xmlhttp.open("Post",url,true); //异步传输 
xmlhttp.setRequestHeader("If-Modified-Since","0"); //不缓存Ajax
xmlhttp.send(sendStr); 
return returnValue;

 

 

 

 

 

 

在异步时才可以用xmlHttpReq.onreadystatechange状态值!下面是异步和同步的不同调用方式: 
Java代码

xmlHttpReq.open("GET",url,true);//异步方式
    
    xmlHttpReq.onreadystatechange = showResult; //showResult是回调函数名
    xmlHttpReq.send(null);

function showResult(){   
    if(xmlHttpReq.readyState == 4){     
     if(xmlHttpReq.status == 200){
      ******
     }
    }
}

Java代码 
xmlHttpReq.open("GET",url,false);//同步方式   
            xmlHttpReq.send(null);   
            showResult(); //showResult虽然是回调函数名但是具体用法不一样~   
               
function showResult(){      
             //if(xmlHttpReq.readyState == 4){    这里就不用了,直接dosomething吧~    
                //if(xmlHttpReq.status == 200){   
                    ******//dosomething   
                //}   
            //}   
}

 

 


xmlhttp.open("Post",url,true);
如果是同步(false),返回值是true或false,因为执行完send后,开始执行onreadystatechange,程序会等到onreadystatechange都执行完,取得responseText后才会继续执行下一条语句,所以returnValue一定有值。
    如果是异步(true),返回值一定是null,因为程序执行完send后不等xmlhttp的响应,而继续执行下一条语句,所以returnValue还没有来的及变化就已经返回null了。

http://te343.w3.sh.cn/blog/view.aspx?blogid=82

    所有如果想获得xmlhttp返回值必须用同步,异步无法得到返回值。

    同步异步使用xmlhttp池时都要注意:取得xmlhttp时只能新建xmlhttp,不能从池中取出已用过的xmlhttp,因为被使用过的xmlhttp的readyState为4,所以同步异步都会send但不执行onreadystatechange。

### AJAX 同步异步区别 AJAX(Asynchronous JavaScript and XML)技术主要用于在Web应用程序中实现在不刷新整个页面的情况下向服务器发送请求并接收响应。这一过程可以通过两种方式完成:同步异步。 #### 同步通信 当采用同步方式进行AJAX调用时,浏览器会在等待来自服务器的响应期间暂停执行任何后续脚本或用户界面更新操作。这意味着,在此期间内,网页上的所有交互都会被冻结,直到收到完整的回复为止[^2]。这种方式可能导致用户体验不佳,特别是在处理大量数据或者网络延迟较大的情况下更为明显。 #### 异步通信 相比之下,异步模式下的AJAX不会阻止其他代码继续运行;相反,它允许前端程序保持活跃状态,并可以立即响应用户的输入和其他事件。一旦从服务器接收到所需信息,则通过回调函数或其他机制通知应用层去处理新获取到的内容。这种方法显著提高了网站性能以及整体流畅度[^1]。 ### 使用场景分析 对于何时应该选择哪种类型的AJAX通讯形式,取决于具体的应用需求: - **适合使用同步的情况** - 当必须确保某些关键性的后台任务完成后才能继续下一步骤的操作时; - 对于一些非常简单的查询,预期返回时间极短且不影响用户体验的小型事务处理。 - **推荐优先考虑异步的情形** - 大多数现代Web应用都倾向于尽可能多地利用异步特性来提升效率和服务质量; - 特别是在涉及复杂计算、文件上传下载或是其他外部API集成等耗时较长的任务上更加适用; - 用户界面上频繁发生的动态内容更新也更适合采取非阻塞性的方法实现。 综上所述,尽管存在少数特殊情况可能需要用到同步方法,但在绝大多数实际项目开发过程中还是应当首选异步方案以保障最佳实践标准。 ```javascript // 示例:jQuery 中设置 async 参数为 false 实现同步请求 (不建议) $.ajax({ url: "test.html", async: false, success: function(result){ console.log("Synchronous request completed."); } }); // 推荐做法:默认情况下的异步请求 $.ajax({ url: "test.html", success: function(result){ console.log("Asynchronous request completed."); }, error:function(){ console.error("An error occurred during the asynchronous request.") } }); ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值