由于项目中需要autocomplete,且项目中一直使用jquer的框架。所以继续选用jquery 的插件jquery-autocomplete,看到jquery-autocomplete自带的demo感觉很是容易但是在使用中却没有想象中的那么顺手。
关于Jquery-autocomplete处理response中是Json对象时当成字符串处理。查了一些资料终于找到处理方法先看代码:
$("#fromtCity").autocomplete("../searchCity.do", {
multiple: true,
width:150,
max:50,
multipleSeparator: ' ',
dataType: 'json',
//加入对返回的json对象进行解析函数,函数返回一个数组
parse: function(data) {
var rows = [];
for(var i=0; i<data.length; i++){
rows[rows.length] = {
data:data[i].nameEn +"-"+data[i].nameCn,
value:data[i].cityCode,
result:data[i].nameCn
};
}
return rows;
},
formatItem: function(row, i, n) {
return row;
}
});
就是在出来绑定中添加一个对返回的json对象进行解析函数。
分享到:
相关推荐
JQuery_Ajax_AutoComplete_使用JSON数据
于是乎下载了一个jquery.autocomplete-1.1.3,但引用到项目后,发现几个问题,并相应做了修改: 1.中文输入后,服务端不能正常获取ajax提交的数据(此处,当然可以用相应转码,本人试了n种方便仍改),细看代码...
jquery autocomplete 动态补全例子支持中文 ajax传递json数据 文件里有json数据拼接
用java实现autocomplete搜索功能,可以获取除输入框的其它动态参数,后台字符串拼接,返回json数据,格式如下: { query:'Li', suggestions:['Liberia', 'Libyan Arab Jamahiriya', 'Liechtenstein', 'Lithuania'...
封装好的Jquery 的ajax 的json的AutoComplete控件(用户控件),json序列化也做好了,拎包入住
纯JavaScript自动完成与JSON数据使用仅JavaScript从本地json文件提取数据的自动完成文本框的示例React灵敏使用jQuery $ .getJSON()获取数据演示 使用以下关键字进行测试: “瓜拉” “罪”
jQuery UI Autocomplete是jQuery UI的自动完成组件,通过ajax请求的JSON数组、JSONP来获取数据,实现自动补全功能
支持的数据源 jQuery UI Autocomplete主要支持字符串Array、JSON两种数据格式。 普通的Array格式没有什么特殊的,如下: 代码如下: [“cnblogs”,”博客园”,”囧月”] 对于JSON格式的Array,则要求有:label、value...
jquery+json自动完成完整实例(修改版) 兼容各大浏览器,支持中文
基于.net和Jquery.autocomplete插件 做的智能匹配下拉框,可选择可输入,采用json数据格式,支持汉字、拼音和拼音首字母进行智能匹配。 使用说明: 1、如果想不做任何修改直接看效果,请在本地创建一张名为tb_Manage...
style.css几个文件,访问的是数据库,返回的是json数据,json格式已经在index.html中,文本框下来智能选择补全,jquery.ui.js中已经包含了jquery.autocomplete.js源码,不在需要单独引用jquery.autocomplete.js文件
jQuery UI Autocomplete是jQuery UI的自动完成组件,是我用过的最强大、最灵活的Autocomplete,它支持本地的Array/JSON数组、通过ajax请求的Array/JSON数组、JSONP、以及Function(最灵活)等方式来获取数据。...
本文实例讲述了jQuery autoComplete插件两种使用方式及动态改变参数值的方法。分享给大家供大家参考,具体如下: 一、一次加载、多次使用: 前端JS代码: /*客户名称自动匹配*/ function customerAutoComplete(){ ...
6.1.3 jQuery中的全局函数getJSON()/164 6.1.4 jQuery中的全局函数getScript()/166 6.1.5 jQuery中异步加载XML文档/168 6.2 请求服务器数据/170 6.2.1 $.get()请求数据/170 6.2.2 $.post()请求数据/172 6.2.3...
利用Jquery autocomplete 框架,后台用servlert获取数据,数据类型是json,是一个完整的web工程
jquery_autocomplete : autocomplete_1 : entity : AppBundle\Entity\Article autocomplete_2 : entity : AppBundle\Entity\Product # app/config/config.yml imports : - { resource: parameters.yml } - { ...
JS脚本引用 代码如下: [removed][removed] ... @import url(“/scripts/Jquery.autocomplete/css/jquery.autocomplete.css”); </style> JS代码 代码如下: ?$(document).ready(function () { $(“#<%=_Se
强大的jquery下拉框插件 下拉框展示带列表分页功能,适合下拉框大量数据展示 下拉框带快速查找,可以快速筛选 支持多选 基于jQuery、Bootstrap2、3开发 也可应用于无任何UI框架的原生HTML环境 Autocomplete输入自动...