如何用jQuery实现长尾的autocomplete AJAX请求？

本文共计204个文字，预计阅读时间需要1分钟。

jQuery插件：输入框提示插件（类似Google、Baidu的搜索框）插件下载地址：https://github.com/devbridge/jQuery-Autocomplete

1.[代码]

使用ajax请求+

jquery插件

插件是输入框提示（有点类似google，baidu的搜索）

插件下载地址github.com/devbridge/jQuery-Autocomplete

1.[代码]使用ajax请求

$("#input").autocomplete({ serviceUrl: url, //请求的地址 extraParams: {id:$.trim($(this).val())},//动态参数值 paramName: "id",//自定义的参数名 必须和extraParams 参数名相同 onSelect: function (suggestion) { //这个方法处理选中结果后的逻辑} });

2.[代码]服务端数据格式

$results = []; // 查询结果 $suggestions = array(); //输出结果 foreach($results as $result) { $suggestions[] = array( "value" => $result['value'], "data" => $result['data'] ); } echo json_encode(array('query'=>'你输入的查询参数如上$_GET['i']','suggestions' => $suggestions));