javascript - 使用 $.getScript 访问另一个 .js 文件中的函数

Question

我在从一个 js 文件访问函数到另一个 js 文件时遇到问题。

我试过使用 jquery 来解决这个问题，但它似乎不起作用。我在浏览器中的控制台只记录:

http://localhost:58763/orderPicking.js?_=1460542934750 404 (Not Found).

XHR 完成加载:GET "http://localhost:58763/orderPicking.js?_=1460542934750 "。

我的 js 看起来像这样。这是我想从另一个 .js 文件访问的功能

    function HelloWorld() {
    //print Hello World  
    alert("hello world!");
}

另一个 .js 文件(应该能够访问该函数的文件)如下所示。

    test();

function test() {
    $.getScript('orderPicking.js', function () {
        HelloWorld();
    });
}

我已将其添加到我的 index.html

<script type="text/javascript" src="views/OrderPicking/orderPicking.js"</script>
<script type="text/javascript" src="views/OrderPicking/orderLines.js"></script>

希望大家帮我排查问题。

Answer 1

The path will be relative to the page it's loaded from (not the path of your init script) since that's the url the browser will be at when it executes the ajax request.

确保您的 jQuery 代码在文档准备好后执行(确保对此进行某种检查，只需 $(document).ready(function () {//code }); 就足够了)。假设它已准备就绪，下面的内容应该可以正常工作。

function test() {
    $.getScript('views/OrderPicking/orderPicking.js', function (data) {
        console.log(data); // should be the js file contents
        HelloWorld(); // should alert
    });
}

如果您使用的是 jQuery 1.5+，最好使用 done 和 fail 回调，如下所示:

$.getScript('views/OrderPicking/orderPicking.js')
  .done(function (script) {
      HelloWorld();
  })
  .fail(function (jqxhr, settings, exception) {
      console.log('something went wrong!');
  });