js错误总结一：同步与异步

wangyh19870928

于 2013-12-10 10:57:10 发布

阅读量154

点赞数

CC 4.0 BY-SA版权

文章标签： JavaScript ViewUI

本文链接：https://blog.youkuaiyun.com/wangyh19870928/article/details/84510988

本文介绍了一种解决异步加载URL导致的问题的方法。通过修改点击事件中的URL获取方式，确保了每次点击都能正确加载对应的数据。具体实现是将URL作为自定义属性存储在<li>元素中，并在点击事件中通过jQuery获取。

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

1. 同步与异步


$.post("http://10.200.1.22:8983/solr/collection1/select",{"q":query,"wt":"json","indent":true,"rows":10},function(data){
	var response  = data.response;					   
	var docs =  response.docs;
	for(var i = 0;i<docs.length;i++)
	{

           var url = docs[i].entry_url;					 
	   var li = $('<li><a href =#">'+docs[i].source_name+'</a></li>');
	  $("#card1").append(li);
		li.click(function(){
	  myWindow = openWindow();						                     
loadWindowContent(myWindow,url);
		 });
	}
},'json');

上面的代码执行的时候点击相应的锚文本，连接中出现的信息不对。原因上述的


li.click(function(){
	 myWindow = openWindow(); 									 loadWindowContent(myWindow,url);
		 });

是并发的，相当于在新的线程中执行，url跟for循环第一行的url不一致。解决办法：
将for循环中的代码改为：


var li = $('<li  data-url="'+docs[i].entry_url+'"><a href ="#">'+docs[i].source_name+'</a></li>');
		$("#card1").append(li);
		li.click(function(){
	 myWindow = openWindow(); 									 loadWindowContent(myWindow,$(this).attr('data-url'));
		 });