项目地址 返回首页

百度搜索建议

$('.search input[type="text"]').suggestion({
	url:'http://suggestion.baidu.com/su',
	FieldName:'wd',
	jsonp:'cb',
	callback:function(item){
		var data = item['data']['s'];
		item.target.empty();
		for(var i=0;i<data.length;i++){
			item.target.append('<li>'+data[i]+'</li>');
		}
	}
});

调用方法:

$(selector).suggestion(options);

options参数

参数 默认值 说明
url '' 请求的接口地址
suggestionCls 'suggestion' 提示框的内容class
FieldName 'word' 当前input表单项在请求接口时的字段名
dynamic true 是否需要异步请求数据
activeCls 'active' 列表项选中class
dataFormat 'jsonp' 请求的格式
parameter {} 其他与接口有关参数
jsonpCallback '' 自定义回调函数
autoSubmit true 点击确定是否自动提交表单
beforeSend [无] 发送前动作:传入准备提交的表单项目,返回false终止提交
callback [无] 获得数据后触发:传入一个对象,target表示被建议列表对象,data表示请求到的数据
onChange [无] 用户按键盘切换时触发
onSelect [无] 选中搜索建议列表项:传入一个对象,target表示当前选中列表项,input表示当前input表单项