javascript - 带有预先转换的 json url 的 jQuery UI 自动完成

标签 javascript php jquery json jquery-ui

好吧,我知道 jQueryUI 期望键/值形式的对象带有键的“值”和“标签”,所以我已经将数据转换为这种 json 格式。现在我只是不确定如何最简单地获取我的 json url。关于此事的所有其他文章都表明需要提取数据并对其进行转换,但这不是我的情况。

我的 json 文件位于 getuser.php?name=brian

[
   {"label":"Brian Aa","value":"7e36e"},
   {"label":"Brian Ba","value":"3e497"},
   {"label":"Brian Bc","value":"c3263"},
   {"label":"Brian Cc","value":"5be94"}
]

我的自动完成 JS:

$("#test").autocomplete({
  source: function(request, response) {
    "sample.com/getusers.php?name="+$("#test").val(), request, response;
  },
  minLength:2
});

和 HTML

<div>
  <label for="tags">Requested By: </label>
  <input id="test">
</div>

现在,我在输入时什么也没有得到,假设我必须设置 ajax,但我认为我已经看到了一个非常简单的解决方案的示例,当 JSON 已经格式化但似乎无法找到它时。

最佳答案

源函数不正确,需要从服务器获取数据并使用响应作为调用,参见Autocomplete API

  source: function(request, response) {
     var url = "sample.com/getusers.php?name="+$("#test").val();
     $.get(url).done(function(data){
       response(data);
     }).fail(function(error){
        //dosomething here
     });
  }

关于javascript - 带有预先转换的 json url 的 jQuery UI 自动完成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39523573/

相关文章:

javascript - 检查空跨浏览器的完整方法是什么

javascript - date-fns:如何以 YYYY-MM-DDThh:mm:ss:dddddd 格式获取当前日期和时间

php - 检查条件并通过 Zend 中的 Regex 识别 url 中的模式

javascript - 我想使用数据库中的 map 标记

javascript - 使用 jquery 设置 css 属性

javascript - iframe 中的多个颜色框

javascript - WMTS 和 WMTSTileGrid 导致 "Cannot read property ' 每个'未定义'

php - 如何显示MySQL表中具有特定列值的所有行?

php - 加载时间 : is it quicker to parse HTML with PHP's DOMDocument or with Regular Expressions?

javascript - jQuery 在不刷新的情况下检测屏幕尺寸变化