当前位置 : 主页 > 网络编程 > JavaScript >

使用jquery-autocomplete插件 的ajax请求

来源:互联网 收集:自由互联 发布时间:2021-07-03
jquery插件 插件是输入框提示(有点类似google,baidu的搜索) 插件下载地址https://github.com/devbridge/jQuery-Autocomplete 1. [代码] 使用ajax请求 $("#input").autocomplete({serviceUrl: url, //请求的地址 extr
jquery 插件

插件是输入框提示(有点类似google,baidu的搜索)

插件下载地址 https://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));
网友评论