for循环里嵌套使用ajax遇到的问题

最新推荐文章于 2024-12-25 17:29:37 发布

heartbeaty

最新推荐文章于 2024-12-25 17:29:37 发布

阅读量5k

点赞数

CC 4.0 BY-SA版权

分类专栏：编程工具文章标签： Javascript for循环 ajax

本文链接：https://blog.youkuaiyun.com/liu4071325/article/details/8690499

编程工具专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一个使用jQuery插件ZTree实现的树形结构中如何通过同步Ajax请求动态加载子节点的方法。为了解决因异步请求导致的数据加载不同步问题，作者采用将Ajax设置为同步的方式，在循环中逐个加载子节点，确保了数据的一致性和完整性。

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

  var fag = false;var array = new Array();
	function onClick(event, treeId, node) {
		
		var treeObj = $.fn.zTree.getZTreeObj("tree")
		var nodes = treeObj.getNodes();
		
		if(fag == false){
		  for(var m = 0 ; m < nodes.length;m++){
		      array[m]=nodes[m].name;
		  }
		  fag = true;
		}
		 for(var h = 0 ; h < array.length; h++ ){ 
		
		     if(array[h]==node.name){
		       $.ajax({
				    type: "GET",
				    async: false,
				    url: "$link.getContextURL()/managerTest/listChildNodes?managerID="+node.id,
				    data:"",
				    success:function(data){
					 zNodes=new Array(data.length);
                       for(var i=0;i<data.length;i++){
                           zNodes[i]={ id:data[i].memberid, pId:node.id, name:data[i].membername};
                       }
					 var newNode = treeObj.addNodes(node, zNodes);
					 var a= array.splice(h,1);
					 
					// window.top.$.XYTipsWindow.removeBox();
				}
				});
		    }
		 }
		}

这是正确的代码。ajax里必须加上async:false这句，不然的话，for循环的时间很短，而ajax会返回后台去执行操作，for循环都执行完了，ajax一遍还没出来返回页面，造成h的值很诡异。所以这两个一起使用的时候就不能异步传输，得使用同步！