js中同步与异步处理的方法和区别总结
更新时间：2013年12月25日 16:31:40 作者：
若要在使用ajax请求后处理发送请求返回的结果，最好使用同步请求，下面为大家介绍下js中同步与异步处理的方法和区别，感兴趣的朋友不要错过
在使用异步请求时，有时需要将异步请求的结果返回给另一个js函数，此种情况下会出现未等异步请求返回请求结果，该发送请求所在js函数已经执行完后续操作，即已经执行return ，这样会导致return的结果为空字符。
总结：若要在使用ajax请求后处理发送请求返回的结果，最好使用同步请求。
例如：以下例子会出现返回结果不正确的情况，因为ajax异步请求还未执行完，函数已经执行return了，
function fn(){
var result = " ";
$.ajax({
url : 'your url',
data:{name:value},
cache : false,
async : true,
type : "POST",
success : function (data){
do something....
result = ....
}
// 对ajax中返回的data进行处理 ，也会出错
return result ;
}
1 异步请求方式：
$.ajax({
url : 'your url',
data:{name:value},
cache : false,
async : true,
type : "POST",
dataType : 'json/xml/html',
success : function (result){
do something....
}
});
2 同步请求方式
$.ajax({
url : 'your url',
data:{name:value},
cache : false,
async : false,
type : "POST",
dataType : 'json/xml/html',
success : function (result){
do something....
}
});
总结：若要在使用ajax请求后处理发送请求返回的结果，最好使用同步请求。
例如：以下例子会出现返回结果不正确的情况，因为ajax异步请求还未执行完，函数已经执行return了，
复制代码 代码如下:
function fn(){
var result = " ";
$.ajax({
url : 'your url',
data:{name:value},
cache : false,
async : true,
type : "POST",
success : function (data){
do something....
result = ....
}
// 对ajax中返回的data进行处理 ，也会出错
return result ;
}
1 异步请求方式：
复制代码 代码如下:
$.ajax({
url : 'your url',
data:{name:value},
cache : false,
async : true,
type : "POST",
dataType : 'json/xml/html',
success : function (result){
do something....
}
});
2 同步请求方式
复制代码 代码如下:
$.ajax({
url : 'your url',
data:{name:value},
cache : false,
async : false,
type : "POST",
dataType : 'json/xml/html',
success : function (result){
do something....
}
});
相关文章
本文分步骤给大家介绍了微信小程序自定义prompt组件,文中通过实例代码相结合的形式给大家介绍的非常详细，需要的朋友可以参考下2018-06-06
这篇文章主要介绍了JS实现为表格动态添加标题的方法,涉及javascript中createCaption方法添加标题的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
文章介绍微信小程序中实现图标角标和可拖动悬浮图标的方法,通过view控件定位样式,提供WXML/WXSS代码示例,感兴趣的朋友跟随小编一起看看吧2025-06-06
本篇文章主要介绍了使用D3.js创建物流地图的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
这篇文章主要介绍了js+CSS模拟select控件下拉菜单效果,通过javascript鼠标事件结合css控制实现select下拉菜单效果,整体效果华丽美观,需要的朋友可以参考下2015-09-09
这篇文章主要介绍了JavaScript逆向分析instagram登入过程,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-07-07
这篇文章主要为大家详细介绍了js实现兼容PC端和移动端滑块拖动选择数字的效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
这篇文章主要介绍了javascript如何实现多边形碰撞检测，帮助大家更好的理解和使用js，感兴趣的朋友可以了解下2020-10-10
JavaScript+html5 canvas绘制的圆弧荡秋千效果完整实例
这篇文章主要介绍了JavaScript+html5 canvas绘制的圆弧荡秋千效果,以完整实例形式分析了JavaScript集合html5的canvas绘制图形的相关技巧,需要的朋友可以参考下2016-01-01
上篇中的选项卡存在这样的问题：把逻辑封装在table.js中，不够灵活，也就是说如果某个选项卡是实现异步请求或者跳转，而非div的显隐切换，那么就得修过table.js来达到目的，显然不是我所需要的。2010-05-05
最新评论