Question

我一直在尝试使用JQuery Ajax Call更改<div>的内容。但是当我按下onclick <a>元素时没有任何反应。这是我正在测试的当前代码： Front.php：

<html>
<head>
<script type="text/javascript" src="jquery.js">
function testAjax()
{
   $.ajax({
     type: "GET",
     url: 'Back.php',
     data: "id=", // Not using this yet >.<
     success: function(data) {
          $('#test').html(data);
     }
   });
}
</script>
</head>
<body><div id="test">HELLO</div>
<a href="javascript:void(0);" onclick="testAjax()">Change this</a></body>
</html>

这是我的Back.php：

<?php
echo "test";
?>

点击“更改此内容”时没有任何反应，但<div id="test">中的内容应更改为“测试”。有人可以帮我解决我做错的事吗？感谢。

Answer 1

您没有关闭第一个脚本标记并为内联脚本打开一个新标记。

<script type="text/javascript" src="jquery.js"></script>
<script>
function testAjax()
{
    ...

Answer 2

您应该对其应用contentType: "html"。可能会有所帮助。

使用JQuery进行Ajax调用？

2 个答案: