如何运行AJAX网页加载脚本加载

Question

后，我有像这样的代码page1.php中的网页将与阿贾克斯加载在于：

... 
<div id="myContent" > 
<!-- ajax content load here --> 
</div> 
... 

和我的AJAX代码：

$.ajax({ 
     type: 'post', 
     url: 'codes/page.php', 
     async: false, 
     data: formDatas 
     , success: function (response) { 
      document.getElementById('myContent').innerHTML = response; // response contains page1.php codes 
      } 
     } 
    }); 

而这些DATAS将加载page1.php中：

<script> 
    alert("hello"); 
</script> 

<div> 
    ... 
</div> 

现在我的问题是，当我直接加载page1.php中，这提醒“你好”。但是当我通过ajax加载这些内容时，脚本无法正常工作，也没有任何提示

如何在加载数据后运行这些脚本myContent div。

谢谢大家

Answer 1

你在那里，很可能导致（右下方document.getElementById）的误差得到了一个额外的右括号。此外，由于您使用的是jQuery，因此最好使用jQuery选择器语法和html函数。

试试这个，而不是你当前的代码......

$.ajax({ 
    type: 'post', 
    url: 'codes/page.php', 
    async: false, 
    data: formDatas, 
    success: function (response) { 
     $('#myContent').html(response); //response contains page1.php codes 
    } 
}); 

Answer 2

对于遵循HTML5规范（即所有当前，主要的浏览器），script elements inserted using innerHTML do not execute when they are inserted浏览器。

然而，如果你使用jQuery的.html()方法，你的脚本将被执行：

$.ajax({ 
    type: 'post', 
    url: 'codes/page.php', 
    data: formDatas, 
    success: function (response) { 
     $('#myContent').html(response); 
    } 
}); 

工作fiddle here