Php Jquery自动完成文本框ajax调用问题
我正在用jquery和ajax构建一个自动完成的文本字段,就像谷歌搜索栏一样。ajax调用应该在keyup上启动,但它不起作用。请注意,当我在php文件中手动输入变量时,它工作正常。所以问题一定是来自我的ajax“调用”,但我无法解决它。希望有人能帮忙。提前感谢您的回复。干杯马克 我的HTML:Php Jquery自动完成文本框ajax调用问题,php,jquery,ajax,Php,Jquery,Ajax,我正在用jquery和ajax构建一个自动完成的文本字段,就像谷歌搜索栏一样。ajax调用应该在keyup上启动,但它不起作用。请注意,当我在php文件中手动输入变量时,它工作正常。所以问题一定是来自我的ajax“调用”,但我无法解决它。希望有人能帮忙。提前感谢您的回复。干杯马克 我的HTML: <input id="recherche" type='text' placeholder="je recherche"> <div id="resultat"></div
<input id="recherche" type='text' placeholder="je recherche">
<div id="resultat"></div>
我的CSS:
#resultat{
width:300px;
height:300px;
border:1px solid blue;}
我的PHP:
<?php
header('Content-Type: text/html; charset=utf-8');
require("connect.inc.php");
mysql_set_charset('utf8');
$recherche = mysql_real_escape_string($_POST['recherche']);
$result = mysql_query("SELECT LOC_VKUP FROM T_LOC WHERE LOC_VKUP LIKE '%$recherche%'");
while($row=mysql_fetch_assoc($result)){
echo '<div id="result">'.$row['LOC_VKUP'].'</div>';
}
?>
<>代码> 对于你要完成的事情,我会考虑使用jQuery自动完成功能而不是KEYUP。更多信息可以在这里找到。这是直接内置到jQuery中的,不需要插件
希望这有帮助 您是否尝试过使用控制台进行调试?您的PHP脚本返回了什么?我是新开发人员,如何使用console进行调试。我正在使用textWrangler。购买方式当我在php文件中手动输入var$recherche时,查询会正确执行。Firefox需要firebug插件,该插件也是用F12打开的。至于使用这些调试工具,恐怕这超出了这个评论框的范围,所以可能会发布一个实时示例或PHP脚本的输出。控制台显示404。找不到文件。php文件是我的php文件夹。我的js文件夹中的js文件。在某些地方,你有'recherche',而在AJAX调用的URL中,你有'reherche'。是不是少了一个c?
<?php
header('Content-Type: text/html; charset=utf-8');
require("connect.inc.php");
mysql_set_charset('utf8');
$recherche = mysql_real_escape_string($_POST['recherche']);
$result = mysql_query("SELECT LOC_VKUP FROM T_LOC WHERE LOC_VKUP LIKE '%$recherche%'");
while($row=mysql_fetch_assoc($result)){
echo '<div id="result">'.$row['LOC_VKUP'].'</div>';
}
?>