Question

我正在尝试使用AJAX将php文件的内容加载到脚本中，代码如下：

<button onclick="changeText3()"><img border='0' alt='More Options' src='tmpls/media/images/icons/cog.png'></button>
<script> function changeText3(){
   $("#test").click(function(){
   $("#test").load("file.php");
    }
}
</script>
<div id='test'>test</div>

点击任何内容都没有任何反应。我是AJAX的新手，可能会遗漏一些简单的东西。我尝试了很多不同的方法，但我没有运气。

Answer 1

你应该尝试在你的ajax调用中指定file.php的整个地址 -

$("#test").click(function(){
$("#test").load('url to home.php');
});

如果这不能解决问题，你应该多记录一下你的ajax响应，你就可以自己轻松地观察和解决它，如下所示：

$("#test").load("home.php", function(response, status, xhr) {
   if (status == "error") {
    console.log(msg + xhr.status + " " + xhr.statusText);
   }
});

检查控制台是否有错误。

Answer 2

<button id="showOutput">
    <img border='0' alt='More Options' src='tmpls/media/images/icons/cog.png'>
</button>
<script>
    $(document).ready(function(){
        $("#showOutput").click(function(){
            $("#test").load("file.php");
        });
    });
</script>
<div id='test'>test</div>

在这里我们可以看到，当您尝试使用JQuery时，我删除了JS函数并捕获了JQuery事件。

Answer 3

更正了您的代码。您不需要事件监听器，因为您已经使用onclick="changeText3()"

function changeText3(){
  $("#test").load("test.php", function(response, status, xhr) {
    if (status == "error") {
     console.log(msg + xhr.status + " " + xhr.statusText);
    }
  });
 }

使用AJAX脚本

3 个答案: