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

Question

示例功能：

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

myFunction();

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

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

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

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

Answer 1

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

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

顺便说一句，如果您使用的是html5，则脚本标记

上不再需要该类型

<script></script>

否则就是

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