Question

我有一个非常奇怪的问题，javascript正在执行正常，但它也将脚本显示为文本。

该脚本位于我使用AJAX加载的PHP文件中。

<div id='main_container'>

</div>
<br>

<div style='border-top:1px solid grey;padding-top:10px;padding-bottom:10px;position:absolute;bottom:0;width:100%;'>
    <a style='padding-left:10px;padding-right:15px;width:50%;border-right:1px solid #0cf;' onclick='editFav();' href='#'>Edit Favourites</a>
    <a style='padding-left:10px;width:50%;text-align:right;' href='#'>Add Favourite</a>
</div>



<script type='text/javascript'>

$('#main_container').load('ajax/favourites/list.php', {});

</script>

代码工作正常并且脚本执行，但它仍然显示自己..

编辑 - 我能够通过添加一些东西来解决问题。我添加了“<p></p>”，之后就没事了。

Answer 1

试试这个，看看你得到了什么错误，或者它显示了list.php的内容

<script type='text/javascript'>
$( "#main_container" ).load( "/ajax/favourites/list.php", function( response, status, xhr ) {
  if ( status == "error" ) {
    var msg = "Sorry but there was an error: ";
    $( "#error" ).html( msg + xhr.status + " " + xhr.statusText );
  }
});
</script>

Answer 2

我制作了两个小文件：

文件1：test.html

<!DOCTYPE HTML>
<html>
 <body>
   <div id='main_container'></div>
   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
   <script>
     $('#main_container').load('try.html', {});
   </script>
 </body>
</html>

文件2：

<!DOCTYPE HTML>
<html>
  <body>
    <script type='text/javascript'>
      document.write('this is a test.');
    </script>
  </body>
</html>

他们没有显示Javascript。如果仍有问题，请尝试查看是否可以使用这两个文件重现它。尽量让它们与你的步骤更加相似，并查看它出错的地方。

Javascript是执行和显示

2 个答案: