使用JQuery进行Ajax调用？

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

<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">中的内容应更改为“测试”。有人可以帮我解决我做错了什么吗？谢谢。

来源

2013-11-22 Alex Noble

这个问题似乎是脱离主题，因为它是关于打字错误。 –

我不会把它称为输入错误，我不知道带jQuery源代码的脚本必须在它自己的标记中。< –

这不仅适用于jQuery。所有'”标签之间包含JS，或者对外部文件具有“src ='引用，但不能同时包含两者。顺便说一下，如果你希望在你的问题/答案/评论的文本中包含一个html标记，你需要用反引号引用它：'（我已经为你编辑了这个问题，但记住下一个时间）。 – nnnnnn

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

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

来源

2013-11-22 23:56:40

啊，这是做到了，你有我永恒的感激之情，谢谢凯文B. –

-1

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

来源

2013-11-23 01:11:29 amostk

使用JQuery进行Ajax调用？

回答

相关问题