jQuery ajax插件获得输入值

时间:2014-12-23 12:23:43

标签: javascript php jquery ajax jquery-autocomplete

我正在使用jQuery autocomplete plugin来使用此插件从数据库中获取值。根据演示,我制作了像这样的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
    <script src="js/jquery.autocomplete.js"></script>   
    <link rel="stylesheet" href="styles.css">
    <script>
    jQuery(document).ready(function() {
      jQuery('#autocomplete').autocomplete({
        serviceUrl: 'ajax.php',        
      });
    });
    </script>
</head>
<body>
<input type="text" id="autocomplete">

</body>
</html>

现在我在做任何搜索。然后在控制台选项卡中,我可以看到像这样的ajax请求

XHR finished loading: GET "http://localhost/ajax.php?query=united

此外,它在控制台选项卡中显示一个错误,如

Uncaught SyntaxError: Unexpected token <  in jquery-2.1.0-min.js:4

现在在ajax.php中获取查询字符串的值我确实喜欢这个

$value = $_POST['query];
echo $value;

但它没有显示任何价值。那么有人能告诉我如何在ajax.php文件中输入输入值吗?任何帮助和建议都会非常明显。感谢

1 个答案:

答案 0 :(得分:0)

您使用的是谷歌浏览器,不是吗? 看看实际转移的数据会很有帮助...... 尝试点击F12,打开&#34;网络&#34;选项卡,单击发出AJAX请求时显示的项目,并检查&#34;响应&#34;子选项卡。 我的假设:您在PHP文件中面临一些语法错误,该错误会将HTML标记作为错误消息的一部分输出。 顺便说一句:您的PHP代码包含语法错误,&#39;在索引&#34;查询&#34;之后在第1行丢失...