ajax异步回调函数中给外部变量赋值的问题

最新推荐文章于 2022-02-28 10:46:33 发布

BJ_benjamin

最新推荐文章于 2022-02-28 10:46:33 发布

阅读量4.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端之Problems

本文链接：https://blog.youkuaiyun.com/cuew1987/article/details/11992349

前端之Problems 专栏收录该内容

27 篇文章

订阅专栏

本文通过一个具体的示例解释了AJAX异步请求的工作原理。重点介绍了如何使用jQuery发起POST请求，并展示了为什么回调函数中的操作不会立即影响到外部变量。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!doctype html>
<head>
	<meta charset="utf-8">
</head>
<body>
<script src="http://localhost/UIBMSPHPProj/public/js/jquery-1.8.2.min.js"></script>
<script>
$(function(){
	var str = "aaa";
	$.post("http://localhost/UIBMSPHPProj/index.php/Index/abc",{},function(data){
		//data = "bbb";
		console.log(str);//aaa
		str = data;
		console.log(str);//"bbb"
	});
	console.log(str);//"aaa"
});
</script>
</body>
</html>

ajax回调函数异步的原因导致了在外部直接获取str的值时还是“aaa”,需要用“bbb”时，可以将用"bbb"的函数放入回调函数中调用。