jQuery自动完成,通过API获取JSON

时间:2013-02-05 03:41:26

标签: jquery json api

我对jQuery自动完成并不完全熟悉,所以我希望你能给我一些关于如何实现我的任务的想法。

我有以下网址:

http://localhost/contactApi.do?mobile=614321

移动设备可以是全部或部分联系号码。我设计了这个API调用一段时间,当你把这个url放在浏览器中并输入时,你会在前端显示一个JSON响应,其中包含所有匹配的结果(所有移动设备,如你在网址中输入的这个数字)。 / p>

我的问题是我如何使用(或者我可以?)这个url作为我的autocomlete源?

如果我想使用类似jQuery UI演示的示例,我怎么能将移动设备传递给网址?

我见过一些他们使用过如下来源的地方:

source:"http://localhost/contactApi.do?mobile=?"

现在它是如何运作的,这个?会选择我每次输入的内容或什么?

非常感谢任何帮助

1 个答案:

答案 0 :(得分:1)

您可以查看类似

的内容
$("input").autocomplete({
    source: function (request, response) {
        $.getJSON("http://localhost/contactApi.do?mobile=614321", 
          {  }, 
          function(data) {
              if(data){
                  response(data);
              }
          }
        );        
    }
});

数据应该是[{value: <value>, text: <display-text>}, ....]

之类的数组

您还可以查看以下示例
why jquery autocomplete doesnt work on https