javascript - jQuery ajax 插件获取输入的值

标签 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;

但它没有显示任何值(value)。那么有人可以告诉我如何获取ajax.php文件中输入的值吗?任何帮助和建议都将非常感激。谢谢

最佳答案

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

关于javascript - jQuery ajax 插件获取输入的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27620316/

相关文章:

javascript - 如何在 jquery/javascript 中删除给定 url 的所有 <div> 图像?

javascript - 如何使用列表为 jQuery 中的每个点击事件获取不同的结果?

javascript - 在 javascript 中映射和匹配范围

带有工作示例的 JavaScript 站点

php - 将 html/php 代码存储到 php 变量中

php在浏览器中打开fdf文件

jquery - will_paginate 使用 jQuery 在 Rails 3.1 中加载更多按钮

JavaScript 无法在下面的 html 代码中被读取

javascript - 如何在react中转换&lt;script&gt;标签?

php - 检查mysql表中的列中是否存在值