ajax加载PHP文件后无法执行javascript命令

Question

我有一个由AJAX执行的PHP脚本，除了我用来关闭div的实际PHP文件中的js脚本外，该PHP脚本都可以正常运行（如果PHP文件不是通过AJAX运行的，则所有脚本都可以使用FYI）。

这是ajax不在PHP文件中运行的脚本

 echo "<script> closeOne('" . $postid . "'); </script>";

关闭div的JS脚本包含在页面的标题中

这是我正在使用的AJAX脚本

<script type="text/javascript">
function mainload(str)
{
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest(str);
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
        document.getElementById("loadmain").innerHTML=xmlhttp.responseText;
        }
      }
    xmlhttp.open("GET","mainload.php?page="+str,true);
    xmlhttp.send();
}
</script>

任何帮助，将不胜感激。

Answer 1

默认情况下，不执行ajax响应中的JS。 您必须解析并标识JS语句，然后使用js的eval函数运行它们。 请参阅以下代码作为示例以启动自己的代码：

var sc=xmlhttp.responseText;            
sc=sc.replace(/[\n\r\t\v\u00A0\u2028\u2029]{1,}/gm, ''); //Remove all types of White Space
sc=sc.match(/<.*?script.*?>.*?<\/.*?script.*>/gm); //divide into array, all the script tags

然后，您将循环每个“ sc”并在循环中运行以下命令：

abc=loop_var.replace(/<.*?script.*?>(.*?)<\/script>/gm, "$1"); //remove script/open close tags and get JS only
eval(abc);

Answer 2

如果将脚本元素添加到DOM元素的innerHTML中，JS将不会立即运行。 因为刚刚添加了该脚本元素。

并且该标记根本不会被解析。

理想情况下，您应该以JSON包装函数的形式发送响应。

您可以从PHP页面发送这样的输出。

echo "(function(){ closeOne('" . $postid . "'); })";

作为响应，您可以使用eval评估包含函数的此String。

 codeToExecute = eval(xmlhttp.responseText);

然后调用该函数，

 codeToExecute();

注意 ：从服务器发送函数并使用eval直接执行它可能是出于安全考虑。 请小心，最好使用一些JS libraray函数将字符串评估为JSON对象。

jQuery，原型和sencha的库中将有String-To-JSON转换器。 最好使用它们，或者如果浏览器支持，JSON.parse也是一个不错的选择。

但我希望这个概念对您很清楚。

或者 ，您可以仅以JSON格式从服务器发送帖子ID，并在响应中调用closeOne，如下所示：

在PHP中，

echo "{post_id:".$postid."}";

当回应来临时，

responseObject =  eval("("+xmlhttp.responseText+")");

closeOne(responseObject.post_id);