- 浏览: 525071 次
- 性别:
- 来自: 深圳
文章分类
最新评论
-
gaolegao2008:
如果报 is_volum 列名找不到之类的,我是从新部署了一个 ...
spring quartz 定时器报错 -
gaolegao2008:
部署到linux上时,还有一种情况就是mysql数据库区分大小 ...
spring quartz 定时器报错 -
qq123zhz:
yahier 写道 对我有帮助,但我看的一个demo程序,却没 ...
spring quartz 定时器报错 -
qq123zhz:
这个要在eclipse的插件环境下运行的,你不懂eclipse ...
GEF 自动布局 -
qq123zhz:
这个很久了,不记得啥时候写的了
json转为Map
在网上http://www.cnblogs.com/kyle_zhao/archive/2010/02/27/1674819.html,看到这样一篇文章,
JQuery实现智能输入提示(仿机票预订网站),下载后看了一下,它把查询的城市信息放在了aircity.js文件里。
//初始化常用机场城市 var commoncitys=new Array(); commoncitys[0]=new Array('SZX','深圳','SHENZHEN','SZ'); commoncitys[1]=new Array('PEK','北京','BEIJING','BJ'); commoncitys[2]=new Array('SHA','上海','SHANGHAI','SH'); commoncitys[3]=new Array('CAN','广州','GUANGZHOU','GZ'); //初始化所有国内机场城市 var citys=new Array(); // A citys[0]=new Array('SHA','上海','SHANGHAI','SH'); citys[1]=new Array('HYN','黄岩','HUANGYAN','HY'); citys[2]=new Array('HGH','杭州','HANGZHOU','HZ'); citys[3]=new Array('YIW','义乌','YIWU','YW'); citys[4]=new Array('JUZ','衢州','JUZHOU','QZ'); citys[5]=new Array('HSN','舟山(普陀山)','ZHOUSHAN','ZS'); citys[6]=new Array('WNZ','温州','WENZHOU','WZ'); citys[7]=new Array('NGB','宁波','NINGBO','NB'); citys[8]=new Array('LNJ','临沧','LINCANG','LC'); citys[9]=new Array('ZAT','昭通','ZHAOTONG','ZT'); citys[10]=new Array('SYM','思茅','SIMAO','SM'); citys[11]=new Array('LUM','芒市','MANSHI','MS'); citys[12]=new Array('BSD','保山','BAOSHAN','BS'); citys[13]=new Array('KMG','昆明','KUNMING','KM'); citys[14]=new Array('JHG','西双版纳','XISHUANGBANNA','XSBN'); citys[15]=new Array('DLU','大理','DALI','DL'); citys[16]=new Array('DIG','迪庆','DIQING','DQ'); citys[17]=new Array('LJG','丽江','LIJIANG','LJ'); citys[18]=new Array('LXA','拉萨','LASA','LS'); citys[19]=new Array('TCG','塔城','TACHENG','TC'); citys[20]=new Array('IQM','且末','QIEMO','QM'); citys[21]=new Array('KCA','库车','KUCHE','KC'); citys[22]=new Array('HTN','和田','HETAN','HT'); citys[23]=new Array('HMI','哈密','HAMI','HM'); citys[24]=new Array('FYN','富蕴','FUYUN','FY'); citys[25]=new Array('AKU','阿克苏','AGESU','AKS'); citys[26]=new Array('URC','乌鲁木齐','WULUMUQI','WLMQ'); citys[27]=new Array('KHG','喀什','KASHI','KS'); citys[28]=new Array('KRL','库尔勒','KUERLE','KEL'); citys[29]=new Array('KRY','克拉玛依','KELAMAYI','KLMY'); citys[30]=new Array('AAT','阿勒泰','ALETAI','ALT'); citys[31]=new Array('YIN','伊宁','YINING','YN'); citys[32]=new Array('TSN','天津','TIANJIN','TJ'); citys[33]=new Array('AKA','安康','ANKANG','AK'); citys[34]=new Array('ENY','延安','YANAN','YA'); citys[35]=new Array('HZG','汉中','HANZHONG','HZ'); citys[36]=new Array('XIY','西安','XIAN','XA'); citys[37]=new Array('UYN','榆林','YULIN','YL'); citys[38]=new Array('CIH','长治','CHANGZHI','CZ'); citys[39]=new Array('TYN','太原','TAIYUAN','TY'); citys[40]=new Array('DAT','大同','DATONG','DT'); citys[41]=new Array('YCU','运城','YUNCHENG','YC'); citys[42]=new Array('TNA','济南','JINAN','JN'); citys[43]=new Array('YNT','烟台','YANTAI','YT'); citys[44]=new Array('JNG','济宁','JINING','JL'); citys[45]=new Array('DOY','东营','DONGYING','DY');
感觉不太爽,因为大多数情况下,我们会要动态获得这些数据,所以我对它进行了一下改造。。先上图
这是修改后的html文件:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>智能输入提示</title> <link rel="stylesheet" type="text/css" href="js/jquery.suggest.css"> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/j.dimensions.js"></script> <script type="text/javascript" src="js/aircity.js"></script> <script type="text/javascript" src="js/j.suggest.js"></script> <script type="text/javascript"> $(function() { $ .ajax({ type : "post", url : "1.json", timeout : 20000, error : function() { alert('服务器错误'); }, async : false, dataType : "json", success : function(data) { var str = ""; var str1 = ""; $("#arrcity").suggest(data, { hot_list : data, dataContainer : '#arrcity_3word', attachObject : '#suggest' }); }}); }); </script> </head> <div id="box"> <h1>仿机票预定智能输入提示DEMO</h1> <input type="hidden" name="arrcity_3word" id="arrcity_3word" value="" /> <label for="arrcity">出发城市:</label><input type="text" name="arrcity" id="arrcity" /> <div id='suggest' class="ac_results"></div> </div> </html>
先是用ajax请求从后台获取json字符串,然后传入到页面。由于是例子,json很简单。
{ "content1":[ "", "刘德华", "LDH", "liudehua" ], "content2":[ "", "李宇春", "lyc", "LYC" ], "content3":[ "", "张卫健", "zwj","ZWJ" ] }
主要修改了j.suggest.js的displayItems方法。
发表评论
-
eclipse Resource 资料
2016-11-15 16:51 578IWorkspace/IWorkspaceRoot/IPro ... -
.docker/machine/machines/default/ca.pem: no such file or directory
2016-09-06 15:59 841Was doing adocker-machine env ... -
list.AddAll 去重复
2015-09-11 12:01 5846问题描述: 有List A和B,A、B中元素都是可保证 ... -
eclipse 插件开发 Setting the Java build path
2014-06-04 11:00 1175JDT Plug-in Developer Guide & ... -
xstream 下划线_问题
2013-12-30 10:18 4139最近在使用xtream 1.4.3,出现了如下的问题: ... -
RCP MessageConsole设置显示的最大行数
2013-09-05 11:34 899MessageConsole.setWaterMarks(5 ... -
针对jquery ajax post到后台的乱码解决
2013-08-30 11:01 1648public void doFilter(ServletRe ... -
freemarker 自定义freeMarker标签
2013-08-12 16:09 3849import java.io.IOException; i ... -
IE6、IE7下Radio按钮选不中
2013-06-24 14:51 772遇到问题:“Radio button在IE6、IE7点击没有 ... -
jquery IE7下foucs无效的处理
2013-05-21 16:10 1690setTimeout( function() { $ ... -
xstream javabean设置属性默认值的问题
2013-04-24 09:54 6524在xstream反序列化使用过程中发现,如果xml无该属 ... -
在使用xstream反序列化时遇到的问题
2013-04-24 09:42 1711public abstract class SBase { ... -
RCP 知识点
2013-03-14 15:10 928获得工作区的所有工程: //获得workspace的所有 ... -
RCP FileSystem 文件系统
2013-02-19 10:42 1333public static File toLocalFile ... -
json转为Map
2013-01-19 22:27 32762package digu.pendant.util; ... -
eclipse4.x 去掉quick access
2013-01-11 14:57 3990/** * 去掉quick access * ... -
xstream 的高级用法,自定义输出结构
2012-12-19 14:35 2366public static void main(Stri ... -
js 调用js
2012-12-14 10:01 960var oHead = document.getElem ... -
jdt 核心知识
2012-11-27 21:39 1185jdt官方核心知识...................... ... -
jdt 创建java工程,生成代码,运行main方法
2012-11-27 10:50 2288public static IJavaProje ...
相关推荐
JQuery实现智能输入提示(仿机票预订网站)
JQuery 城市智能输入提示(仿机票预订网站)
支持中文/拼音/3字码 输入的智能提示; 支持键盘方向键选择、回车键确定; 支持选择后自定义callback函数; 支持IE6、IE7、IE8、Firefox 呃,实际上上面的很多都是原suggest插件中自有的,我只是去掉了其ajax...
jquery版仿人才招聘网站城市选择弹出效果
28_JQuery的JSON支持 对与ajax的学习很有好处
jQuery 机票预定网站智能输入提示,自动出现城市选择 可拼音选择
jquery_jipiao_auto机票预定智能输入提示DEMO
在官网上一直下载不下来 然后共享在这 jquery.json-2.3.min.js和jquery.json-2.3.js
改进版 jquery 仿百度谷歌自动补全输入(支持中文) 本资源原版本是在本论坛下载的,但只支持英文输入的自动补全,后经改进,现版本可支持中文和数字输入的自动补全,特来分享,感谢原版作者
jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery...
jQuery去读取json的数据非常非常方面而且大大提高了用户界面的可读性,提高了读取的效率,比读xml文件更加方面
Jquery-json 是 jQuery 的一个插件,可轻松实现对象和 JSON 字符串之间的转换。可序列化 JavaScript 对象、数值、字符串和数组到 JSON 字符串,同时可转换 JSON 字符串到 JavaScript。 var thing = {plugin: '...
用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里...
jquery.json2xml.js&&jquery.xml2json.js在jQuery的基础上实现json与xml的相互转换
jquery.json-viewer, 用于显示JSON数据的jQuery插件 jQuery浏览器JSON浏览器是一个jQuery插件,它可以通过将JSON对象转化为HTML来轻松显示JSON对象。功能:语法高亮显示在单击时折叠和展开子节点可以点击链接易于...
jQuery JSONView是一款非常实用的格式化和语法高亮JSON格式数据查看器jQuery插件。通过该插件可以将JSON格式的数据进行格式输出,便于阅读,同时它还支持各种数据类型的语法高亮,以及节点的收缩和展开等。
jquery.jsoncookie.js
关于Jquery异步调用以及json的介绍及使用