ajax之同步异步

最新推荐文章于 2024-09-14 19:44:09 发布

ayt007

最新推荐文章于 2024-09-14 19:44:09 发布

阅读量394

点赞数

文章标签： ajax javascript 前端

本文链接：https://blog.csdn.net/ayt007/article/details/121606038

版权

本文探讨了Ajax默认的异步特性导致的外部无法获取success中数据的问题，并通过设置async参数为false来实现同步请求，确保外部js可以正确捕获返回结果。示例展示了设置async为false前后不同的输出效果。

摘要由CSDN通过智能技术生成

实际项目中 ajax 是非常常用的，但是ajax 默认是异步请求。
ajax 的 success 方法和调用ajax 的js并不是同一个工作域，导致success 中的返回结果外层js无法获取，要想实现这一点，需要用到ajax的async参数，具体使用方法如下：

添加async参数前效果：
不写 async 时，默认其值为 true;

	var testreturn = "无数据";
	$.ajax({
		type:"get",
		dataType:"json",
		url:"../test/url?id="+id,
		success:function(data){
			console.log(data);
			testreturn = data;
		}
	});
	console.log(testreturn);

输出结果为：

测试数据
无数据

添加async参数后效果：

	var testreturn = "无数据";
	$.ajax({
		type:"get",
		dataType:"json",
		async:false,
		url:"../test/url?id="+id,
		success:function(data){
			console.log(data);
			testreturn = data;
		}
	});
	console.log(testreturn);