javascript非同步返回資料代碼介紹

例

代碼如下	複製代碼
var a=(function(){ var obj=null; return { win:function(config) {                 if (config && typeof config == "object") {                        this.loadScriptFile(_TC.baseUrl,              function() {                             obj= $.dialog(config); a.bFn();           });       }   }, bFn: fucntion(){ //..處理obj } }; })();

下面舉個例子，非同步返回的資料：

<div id="test">...</div>
 
<script type="text/javascript">
alert('test');
</script>
<div id="test2">..</div>
 
<script type="text/javascript">
alert('test2');
</script>

非同步作業的代碼(以jquery代碼為例)：

$.get('test.php', function(data){
    $('#container').html(data);
})
這樣實現的話，非同步中的資料會寫入到container容器中，但兩個script標籤中的指令碼不會運行，下面說一下解決方案：
1. 將返回的資料以script標籤分割開
2. 將含有dom元素的文本分批加入到指定容器中，加入後將文本之間的指令碼添加到header中運行(注:添加的過程中，各段需要延遲運行，因為指令碼的運行需要時間，延遲的時間以指令碼中時間最長的為準)
3. 指令碼運行完成後將添加到header中的指令碼移出
以下為網上的一段實現代碼:

 

代碼如下

複製代碼

var global_html_pool = []; var global_script_pool = []; var global_script_src_pool = []; var global_lock_pool = []; var innerhtml_lock = null; var document_buffer = "";   function set_innerHTML(obj_id, html, time) {  if (innerhtml_lock == null) {   innerhtml_lock = obj_id;  }  else if (typeof(time) == "undefined") {   global_lock_pool[obj_id + "_html"] = html;   window.setTimeout("set_innerHTML('" + obj_id + "', global_lock_pool['" + obj_id + "_html']);", 10);   return;  }  else if (innerhtml_lock != obj_id) {   global_lock_pool[obj_id + "_html"] = html;   window.setTimeout("set_innerHTML('" + obj_id + "', global_lock_pool['" + obj_id + "_html'], " + time + ");", 10);   return;  }    function get_script_id() {   return "script_" + (new Date()).getTime().toString(36)     + Math.floor(Math.random() * 100000000).toString(36);  }    document_buffer = "";    document.write = function (str) {   document_buffer += str;  }  document.writeln = function (str) {   document_buffer += str + "n";  }    global_html_pool = [];    var scripts = [];  html = html.split(/</script>/i);  for (var i = 0; i < html.length; i++) {   global_html_pool[i] = html[i].replace(/<script[sS]*$/ig, "");   scripts[i] = {text: '', src: '' };   scripts[i].text = html[i].substr(global_html_pool[i].length);   scripts[i].src = scripts[i].text.substr(0, scripts[i].text.indexOf('>') + 1);   scripts[i].src = scripts[i].src.match(/srcs*=s*("([^"]*)"|'([^']*)'|([^s]*)[s>])/i);   if (scripts[i].src) {    if (scripts[i].src[2]) {     scripts[i].src = scripts[i].src[2];    }    else if (scripts[i].src[3]) {     scripts[i].src = scripts[i].src[3];    }    else if (scripts[i].src[4]) {     scripts[i].src = scripts[i].src[4];    }    else {     scripts[i].src = "";    }    scripts[i].text = "";   }   else {    scripts[i].src = "";    scripts[i].text = scripts[i].text.substr(scripts[i].text.indexOf('>') + 1);    scripts[i].text = scripts[i].text.replace(/^s*<!--s*/g, "");   }  }    var s;  if (typeof(time) == "undefined") {   s = 0;  }  else {   s = time;  }    var script, add_script, remove_script;  for (var i = 0; i < scripts.length; i++) {   var add_html = "document_buffer += global_html_pool[" + i + "];n";   add_html += "document.getElementById('" + obj_id + "').innerHTML = document_buffer;n";   script = document.createElement("script");   if (scripts[i].src) {    script.src = scripts[i].src;    if (typeof(global_script_src_pool[script.src]) == "undefined") {     global_script_src_pool[script.src] = true;    }   }   else {    script.text = scripts[i].text;   }   s += 500;   script.defer = true;   script.type =  "text/javascript";   script.id = get_script_id();   global_script_pool[script.id] = script;   add_script = add_html;   add_script += "document.getElementsByTagName('head').item(0).appendChild(global_script_pool['" + script.id + "']);n";   window.setTimeout(add_script, s);   remove_script = "document.getElementsByTagName('head').item(0).removeChild(document.getElementById('" + script.id + "'));n";   remove_script += "delete global_script_pool['" + script.id + "'];n";   window.setTimeout(remove_script, s + 20000);  }    var end_script = "if (document_buffer.match(/<\/script>/i)) {n";  end_script += "set_innerHTML('" + obj_id + "', document_buffer, " + s + ");n";  end_script += "}n";  end_script += "else {n";  end_script += "document.getElementById('" + obj_id + "').innerHTML = document_buffer;n";  end_script += "innerhtml_lock = null;n";  end_script += "}";  window.setTimeout(end_script, s); }