AJAX请求仅检索JavaScript输出

Question

我有以下JavaScript AJAX调用

$.ajax({
    type: "POST",
    url: "ajax.php",
    data: { "ajax" : "true" },
    success: function(data){
        $("#careers-content").html(data);
    }
});

当ajax.php

时，这很有效

<h3>Candidate Profile</h3>
<ul>
    <li><?php echo $role; ?></li>
</ul>

然后我回来了

  

候选人资料

     

  
• 某个角色
  

但是如果ajax.php是：

<h3>Candidate Profile</h3>
<script type="text/javascript">document.write("This file is running JavaScript!");</script>
<ul>
    <li><?php echo $role; ?></li>
</ul>

然后我得到的总输出是：

  

此文件正在运行JavaScript！

没有其他h3，ul或li标记。有没有一个论点，我目前无法在jQuery的ajax函数中找到，以阻止这种情况发生？我怎样才能在下面进行AJAX：

  

候选人资料

     

此文件正在运行JavaScript！

     

  
• 某个角色
  

即。导入页面和javascript并在ajax.php页面

中运行javascript

Answer 1

这是因为document.write会覆盖您在该文件中的所有内容，只将输出留给This file is running JavaScript!

你可以做类似这样的事情：

$(document).find("h3").after("This file is running JavaScript!")

你将有这个输出

  

候选人资料

     

此文件正在运行JavaScript！

     

  
• 某个角色
  

这是demo