JavaScript 同步与异步 Ajax 请求的区别及结果获取问题

Ajax同步与异步请求的问题分析

在进行异步请求时，若需将请求结果传递给另一个JS函数，常会遇到时序问题：异步请求尚未返回数据，主函数已执行后续代码（如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....
} 
});