将脚本加载到页面中

Question

我在将一些javascript加载到页面时遇到了一些麻烦。当我将脚本直接嵌入到页面中时，它可以工作，但是当我使用ajax / jquery / getScript时，它不会加载。我认为它可能与异步/同步或某种跨域限制有关。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script>

$.ajax({
    url: 'http://mobile.adnxs.com/ttj?id=1573223',
    crossDomain: true,
    dataType: "script",
    success: function () {
        // script is loaded
    },
    error: function () {
        // handle errors
    }
});

</script>

Answer 1

您可以动态注入脚本标记：

$(document).ready(function() {
    var scriptTag = document.createElement('script');
    scriptTag.src = 'http://mobile.adnxs.com/ttj?id=1573223';
    scriptTag.onload = function() { /* script is loaded */ };
    scriptTag.onerror = function() { /* danger zone! * };
    $('head').append(scriptTag);
});

这也适用于跨域。