爲什麼這個JQuery/AJAX調用不起作用？

試圖最終實現一個自動完成框。現在即時下面的PHP學院的領導。當輸入任何內容時，我只想在輸入區域的下方迴應「建議去這裏」。我必須要文件。 home.php和country.php。 home包含輸入部分和country.php只是打印虛擬建議文本。現在當我輸入輸入區域時，沒有任何事情發生。我使用的jquery v 1.6.2（jquery-1.6.2.min.js）爲什麼這個JQuery/AJAX調用不起作用？

home.php是：

<html> 
<head> 
    <script type ="text/javascript" src ="jquery.js"></script> 
    <script type ="text/javascript"> 
    function getSuggestions(value){ 
    #.post("country.php", {countryPart:value}, function(data){ 
     $("#suggestions").html(data); 
     }); 

    } 
    </script> 

</head> 

<body> 
    <div id = "content_holder"> 
     <input type = "text" name="country" value= "" id = "country" onkeyup="getSuggestions(this.value);" /> 
     <div id ="suggestions"></div> 
    </div> 
    </body> 
</html>

country.php是

<?php 

echo "Suggestions Go Here"; 


?>

來源

2011-08-01 algorithmicCoder

你確定它是「＃.post」而不是「$ .post」嗎？ – Arief

一個錯字？ '＃.post'而不是'$ .post'？如果不是這種情況，ajax調用是否出現在Firebug上？ –

我想念一個表單元素？這應該給不正確的HTML。不知道是否jQuery困擾，但它可以得到混亂... –

你寫

#.post

應該

$.post

試試:)

來源

2011-08-01 15:14:29 Esben

。員額從未見過＃...嘗試使用.post的$

來源

2011-08-01 15:13:59 JFFF

$.post

不是

#.post

它會工作。

，如果你使用jQuery

$.post("country.php", {countryPart:value}, function(data){ 
     $("#suggestions").html(data); 
});

來源

2011-08-01 15:14:14 genesis

如果你真正使用JQuery，你需要改變你的post調用此：

$.post("country.php", {countryPart:value}, function(data){ 
    $("#suggestions").html(data); 
});

您的post調用之前有#，而不是$。

來源

2011-08-01 15:14:31 slandau

應該$.post和#.post

來源

2011-08-01 15:15:15 ShankarSangoli

您可以像使用下面的代碼。

$.ajax({ 
    type: "POST", 
    url: "country.php", 
    data: "name=value", 
    success: function(data){ 
    $("#suggestions").html(data); 
    } 
});

來源

2011-08-01 15:16:36 devtut

的方法名稱應該是 $不#

您可以使用「錯誤控制檯」（Ctrl + Shift + J在monzilla火狐）用於在javascript/HTML執行檢查錯誤

來源

2011-08-01 15:18:45

爲什麼這個JQuery/AJAX調用不起作用？

回答

相關問題