为什么这个JQuery / AJAX调用不起作用?

时间:2011-08-01 15:11:13

标签: php javascript jquery ajax

最终尝试实施自动完成框。现在我跟随php学院的领导。我只是想在输入任何内容时回显输入区域下面的“建议在这里”。我要文件。 home.phpcountry.phphome包含输入部分,country.php只打印虚拟建议文本。现在,当我输入输入区域时..没有任何反应。我正在使用jquery v 1.6.2jquery-1.6.2.min.js

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


?>

7 个答案:

答案 0 :(得分:4)

之前从未见过#.post ...尝试使用$ .post

答案 1 :(得分:2)

$.post

不是

#.post

它会起作用。

如果你正在使用jquery

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

答案 2 :(得分:2)

你写了

#.post

应该是

$.post

尝试:)

答案 3 :(得分:1)

您可以使用以下代码。

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

答案 4 :(得分:0)

如果您真的使用JQuery,则需要将post调用更改为:

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

#来电之前,您有$而不是post

答案 5 :(得分:0)

应该是$.post#.post

答案 6 :(得分:0)

方法名称应为  $不是#

你可以使用“错误控制台”(在monzilla firefox中使用ctrl + shift + j)来检查javascript / HTML执行中的错误