javascript - 使用 AJAX JSON 进行 jQuery 自动完成

Question

我正在尝试为文本框提供动态自动完成值。

这是我的回复:

回显 json_encode($res)

0: {type_name: "name1"}
1: {type_name: "name2"}
2: {type_name: "name3"}
3: {type_name: "name4"}
4: {type_name: "name5"}

这是我的自动完成 ajax 代码:

 $( "#txt_box" ).autocomplete({
  source: function( request, response ) {
      $.ajax({
        type:"POST",
        url: "index.php?action=autocomplete",                   
        dataType: "json",
        data: {
            q: request.term
        },
        success: function( data ) {
            response( data );
        }
    });
  }
 });    

我无法确定我的 JSON 格式或 AJAX 代码是否存在任何问题。我无法获取基于关键字搜索的自动完成下拉列表。

Answer 1

不要将 ajax 请求调用到自动完成功能中。 根据您的要求，首先您需要收集数据json格式:

var jsonData = ["name1","name2","name3",.......];
$( "#txt_box" ).autocomplete({ source:jsonData });   

请点击链接: https://jqueryui.com/autocomplete/