javascript - 在 AJAX 调用后调用 Javascript 函数

Question

我有一个 javascript 函数，我正在向它传递一个 functionName，我需要在进行 ajax 调用后调用它。 ajax 调用返回一些包含对 js 文件的引用的 html。传递给我的函数的 functionName 在 html 中，但它引用了 js 文件中的对象。我注意到该对象有时存在有时不存在。有没有办法确保对象始终存在(或等到它存在)然后只调用 javascript 函数。请注意，我不知道对象变量是什么，所以有没有办法确保脚本文件已加载到 dom 中，然后调用该函数。

   function(functionName)
   {
      $.ajax({
    url: properties.url,
    type: properties.type,
    data: properties.data,
    dataType: properties.format,
    success: function (data) {
     // data contains <div>myname</div><script src="/myfile.js" type="text/javascript"></script>
     // Put the data in some div
     BindData(data);

     // How to ensure that the script myfile.js is loaded in dom before I call eval
     eval(functionName);
     }   );      

    }

Answer 1

function(functionName)
   {
      $.ajax({
    url: properties.url,
    type: properties.type,
    data: properties.data,
    dataType: properties.format,
    success: function (data) {
     // data contains <div>myname</div><script src="/myfile.js" type="text/javascript"></script>
     // Put the data in some div
     BindData(data);

    //ensure the script has loaded.
    $.getScript($('script:first',data).attr('src'), function(){
            eval(functionName);
    });

    });      

    }