javascript - JQuery UI AutoComplete - 无法在输入字段中输入数据

Question

我已将 Jquery UI 自动完成的标准方法更改为使用 POST 而不是 GET：

$(function () {
    var data = $(this).val();
    var dataString = 'location=' + data;

    $(".suggest_locations").autocomplete({

        source: function (request, response) {
            $.ajax({
                type: "POST",
                url: "ajax.php",
                data: dataString,
                dataType: "json",
                cache: false,
                success: response
            })
        },
        minLength: 1,
        delay: 0,
        autoFocus: true
    });
});

但无论我在输入字段中写什么，“数据”总是空的。

我正在使用一个名为 ajax.php 的外部文件从数据库中获取所有保存的位置，但它会始终显示所有可用的位置，因为“数据”不会读取我在输入字段中输入的内容。

我真的很感激任何帮助！

Answer 1

当您更改输入字段的值时，变量数据不会更新，而只会更新一次：加载文档时。

使用它而不是您的源选项：

source: function(request, response) {
    $.ajax({
        url : 'ajax.php',
        type    : 'post',
        dataType: 'json',
        data    : 'location=' + request.term,
        cache   : false,
        success : function(data) {
            response(data);
        }
    });
}