javascript - 如何从 AJAX 请求返回的代码中调用函数？

Question

示例函数：

function myFunction() {
  alert("Test");
}

myFunction();

当在普通 HTML 网页中调用时，这将运行良好。但如果这是从 AJAX 调用返回的 innerHTML 内容的一部分，则该函数调用myFunction();将不起作用。

例如，如果TestDiv通过 AJAX 更改了 div 的内容，并且 innerHTML 包含以下内容：

<span>AJAX Result</span>
<script language="JavaScript">myFunction();</script>

当 AJAX 请求完成时，此代码将不起作用。如何解决这个问题？

score 1 · Accepted Answer

在 ajax 请求的成功方法中调用您的函数。

$.ajax({
   url: 'your url',
   data: { data: data},
   success: function(data) {
      // Your function
      myFunction();
   }
});

顺便说一句，如果您使用的是 html5，则脚本标签上不再需要该类型

<script></script>

否则就是

<script type="text/javascript"></script>

1 回答 1