如何使用jQuery-autocomplete插件进行基于ajax的请求查询？

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

jQuery 插件：Autocomplete 插件功能：输入框提示（类似 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));