Javascript 用AJAX脚本加载PHP文件的内容

我尝试使用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>

函数changeText3（）{
$（“#测试”）。单击（函数（）{
$（“#test”）.load（“file.php”）；
}
}
测试

---

当我点击任何东西时都不会发生任何事情。我是AJAX新手，可能错过了一些简单的东西。我尝试了许多我见过的不同方法，但都没有成功。

您应该尝试在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);
   }
});

---

检查控制台是否有错误。

您应该尝试在ajax调用中指定file.php的整个地址，如下所示-

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

<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>

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

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

检查控制台是否有错误。

<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>

$（文档）.ready（函数（）{
$（“#显示输出”）。单击（函数（）{
$（“#test”）.load（“file.php”）；
});
});
测试

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

$（文档）.ready（函数（）{
$（“#显示输出”）。单击（函数（）{
$（“#test”）.load（“file.php”）；
});
});
测试

---

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

更正了您的代码。您不需要事件侦听器，因为您已经使用了

onclick=“changeText3（）”

---

更正了您的代码。您不需要事件侦听器，因为您已经使用了

onclick=“changeText3（）”

---

检查firebug中的控制台选项卡。它肯定会显示一些错误或输出。“什么都没有发生”-您在开发人员工具控制台中检查了吗？$（“#测试”）。单击（）-为什么？噢，这意味着您必须单击一个空div（祝您好运找到它）才能真正执行“加载”部分-很好地选择了@webbandit您不需要$（“#测试”）。单击（函数（）{}事件监听器，只需删除firebug中的控制台选项卡。它肯定会显示一些错误或输出。“什么都没有发生”-您在开发人员工具控制台中检查了吗？$（“#测试”）。单击（）-为什么？噢，这意味着您必须单击一个空div（幸运地找到它）才能真正执行“加载”部分-很好地选择了@webbanditten，您不需要$（“#test”）。单击（function（）{}事件侦听器，只需在参数列表[了解更多]”之后删除它即可获得“SyntaxError:missing”。此外，如果我将其更改为$（“#test”）.load（“file.php”）}，我会得到ReferenceError:$未定义。请立即检查。我丢失了一个括号。仍然“$未定义”.就像我说的，我是AJAX新手。我不知道我必须加载JQuery。现在一切都正常了。谢谢。我在参数列表[了解更多信息]后得到“SyntaxError:missing”）。另外，如果我将其更改为$（“#test”）.load（“file.php”）；，I get ReferenceError:$未定义。请立即检查。我遗漏了一个括号。仍然是“$未定义”。正如我所说，我对AJAX是全新的。我不知道我必须加载JQuery。现在一切正常。谢谢。我得到“$未定义：changeText3，onclick”。我得到“$未定义：changeText3，onclick”。