使用jQuery加载外部js文件

时间:2012-02-25 04:10:41

标签: javascript jquery ajax

到处寻找它,找到了答案却输了。谁知道如何从另一个js文件加载外部.js文件?

main_lobj1.onreadystatechange = function(){     
  if (main_lobj1.readyState == 4) {if (main_lobj1.status == 200) { 
    document.getElementById("middleDiv_m").innerHTML=main_lobj1.responseText;  
  jQuery.getScript('jquery/tabs.js')        
  }
}

innerHTML工作和响应文本被粘贴。问题是JS没有在该文档中工作。 jQuery.getScript应该加载那个外部js文件,但它不是

3 个答案:

答案 0 :(得分:5)

这是将外部js文件加载到Jquery的方法

$.ajax({
  type: "GET",
  url: "test.js",
  dataType: "script"
});

答案 1 :(得分:5)

正是由于这个原因,jquery中存在函数$.getScript()。你可以这样简单地使用它:

$.getScript("test.js", function( data, textStatus, jqxhr ) {
  // this is your callback.
});

答案 2 :(得分:2)

如果您调用外部脚本,您希望以脚本为基础,您可能需要注意基于ajax的jquery脚本是不正确的。

异步调用外部脚本将导致其余的其余脚本在加载外部脚本之前执行。

今天我遇到了同样的问题,这个问题很容易通过向Sam Arul Raj的帖子提出一个小小的问题来解决:

$.ajax({
  type: "GET",
  url: "test.js",
  dataType: "script",
  async: false
});