jQuery ajax 插件获取输入的值 - jQuery ajax plugin get entered value

jQuery ajax plugin get entered value

本文关键字：输入获取 ajax 插件 jQuery | 更新日期: 2023-09-27

我正在使用jQuery自动完成插件使用此插件从数据库中获取值。根据演示，我像这样制作了我的代码

<!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 文件中获取输入的值吗？任何帮助和建议都将非常可观。谢谢

你正在使用谷歌浏览器，不是吗？查看实际传输的数据会很有帮助......尝试按 F12，打开"网络"选项卡，单击发出 AJAX 请求时显示的项目，然后在"响应"子选项卡中检查输出。我的假设：您在PHP文件中遇到了一些语法错误，该错误将HTML标记作为错误消息的一部分输出。顺便说一句：您的 PHP 代码包含语法错误，第 1 行的 ' 后索引"查询"丢失了......