javascript - 加载js文件之前不执行javascript(异步)

Question

我有一个用ajax加载的js代码，但该代码是用户生成的，所以我无法控制代码。例如，用户可以从某处复制粘贴代码

   $.post('url', null, function(data, textStatus, xhr) {
         $('#someID').html(data)
   });

回复如下

   <!-- AddThis Smart Layers BEGIN -->
    <!-- Go to http://www.addthis.com/get/smart-layers to customize -->
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-52cfba37486a2e20"></script>
    <script type="text/javascript">
      addthis.layers({
        'theme' : 'transparent',
        'share' : {
          'position' : 'left',
          'numPreferredServices' : 5
        }   
      });
    </script>
    <!-- AddThis Smart Layers END -->

但是当我使用 AJAX (.load()) 加载它时，我在“addthis”上遇到错误，因为脚本在加载 addthis_widget.js 之前运行。

这段代码只是一个示例，所以我正在寻找一个全局解决方案。您能帮我解决这个问题吗？

Answer 1

AJAX.load 方法有一个回调函数，加载完成时运行。

$(document).ready(function(){

$( "#result" ).load( "ajax/test.js", function(data){
//callback
} );

});

或者你可以使用 jQuery getScript 方法

$.getScript( "ajax/test.js" )
  .done(function( script, textStatus ) {
    console.log( textStatus );
  })
  .fail(function( jqxhr, settings, exception ) {
    $( "div.log" ).text( "Triggered ajaxError handler." );
});