Php ajax中的函数不起作用
我正在努力学习Ajax/JavaScript,但我似乎无法让我的搜索正常工作。它意味着返回部分名称,但不返回任何内容Php ajax中的函数不起作用,php,jquery,mysql,ajax,Php,Jquery,Mysql,Ajax,我正在努力学习Ajax/JavaScript,但我似乎无法让我的搜索正常工作。它意味着返回部分名称,但不返回任何内容 <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js></script> <script type="text/javascri
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js></script>
<script type="text/javascript">
function getName(value) {
$.post("searchbar.php", {partialName:value},function(data))
$("#results").html(data);
}
</script>
</head>
<body>
<input type="text" onkeyup="getName(this.value)"/>
<br>
<div id="results"></div>
</body>
</html>
缺少大括号,请更改为:
function getName(value) {
$.post("searchbar.php", {partialName:value},function(data) {
$("#results").html(data);
});
}
另外,在中缺少一个报价
jquery.min.js ></script>
^ right there
jquery.min.js>
^就在那里
将其更改为jquery.min.js“>
在
标记和$的结束括号中缺少结束双引号。post()
函数:
<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">
function getName(value) {
$.post("searchbar.php", {partialName: value}, function (data) {
$("#results").html(data);
});
}
</script>
</head>
<body>
<input type="text" onkeyup="getName(this.value)"/>
<br>
<div id="results"></div>
</body>
</html>
函数getName(值){
$.post(“searchbar.php”,{partialName:value},函数(数据){
$(“#结果”).html(数据);
});
}
事实证明我没有重复引用js库的链接
谢谢在打开控制台显示getName未定义为:$(文档输入)后,立即将错误报告添加到文件顶部。在('change','[type=“text”]”上,function(){//您可以调用$(this).val}的函数;尽量不要使用内联声明的事件。另外,在以后的一段时间(上次键控后0.7秒)后,还可以尝试将输入更改时的ajax发送到DBMC-更好的性能删除所有ajax代码,并在getName()中执行一个简单的警报(“测试”)函数..!并将双引号添加到脚本标记src..!是否有双引号用于关闭包含jquery库..的脚本标记?@DemoUser与您的答案一起,OP在jquery.min.js>中缺少一个引号OP需要将其更改为jquery.min.js”>
不仅如此,还有其他答案指出的内容。你应该接受这个答案,因为它最初指出了缺少的括号。这些名言很有意思。
<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">
function getName(value) {
$.post("searchbar.php", {partialName: value}, function (data) {
$("#results").html(data);
});
}
</script>
</head>
<body>
<input type="text" onkeyup="getName(this.value)"/>
<br>
<div id="results"></div>
</body>
</html>