日期:2014-05-16  浏览次数:20458 次

js错误总结一:同步与异步
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'));
		 });