使用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調用？

回答

相關問題