Why does this JQuery/AJAX call not work?
Question
Trying to implement an autocomplete box ultimately. For now im following php academy's lead. I just want to echo out "suggestions go here" underneath the input area when anything is entered. I have to files. home.php and country.php . home contains the input part and country.php just prints the dummy suggestion text. Right now when I type in the input area ..nothing happens. I am using jquery v 1.6.2 ( jquery-1.6.2.min.js )
home.php is:
<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 is
<?php
echo "Suggestions Go Here";
?>
7 answers
solution1
4 2011-08-01 15:13:59
以前从未见过＃.post ...尝试使用$ .post
solution2
2 2011-08-01 15:14:14
$.post
not
#.post
it will work.
if you're working with jquery
$.post("country.php", {countryPart:value}, function(data){
$("#suggestions").html(data);
});
solution3
2 ACCPTED 2011-08-01 15:14:29
you wrote
#.post
should be
$.post
try that :)
solution4
1 2011-08-01 15:16:36
You can use like below code.
$.ajax({
type: "POST",
url: "country.php",
data: "name=value",
success: function(data){
$("#suggestions").html(data);
}
});
solution5
0 2011-08-01 15:14:31
If you're truly using JQuery, you need to change your post call to this:
$.post("country.php", {countryPart:value}, function(data){
$("#suggestions").html(data);
});
You had # instead of $ before the post call.
solution6
0 2011-08-01 15:15:15
应该是$.post和#.post
solution7
0 2011-08-01 15:18:45
The method name should be $ not #
you can use the "console of error"(ctrl + shift + j in monzilla firefox) for check error in javascript/HTML execution
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.