用JSON技术加快AJAX程序开发
幸好,你还有另外更好的可选方案。
XML和JSON都使用结构化方法来标记数据。例如,一个地址簿应用程序可能提供一个Web服务—它将以XML形式生成如下的地址卡片:
<?xml version='1.0' encoding='UTF-8'?>
<card> <fullname>Sean Kelly</fullname> <org>SK Consulting</org> <emailaddrs> <address type='work'>kelly@seankelly.biz</address> <address type='home' pref='1'>kelly@seankelly.tv</address> </emailaddrs> <telephones> <tel type='work' pref='1'>+1 214 555 1212</tel> <tel type='fax'>+1 214 555 1213</tel> <tel type='mobile'>+1 214 555 1214</tel> </telephones> <addresses> <address type='work' format='us'>1234 Main St Springfield, TX 78080-1216</address> <address type='home' format='us'>5678 Main St Springfield, TX 78080-1316</address> </addresses> <urls> <address type='work'>http://seankelly.biz/</address> <address type='home'>http://seankelly.tv/</address> </urls> </card> |
{ "fullname": "Sean Kelly", "org": "SK Consulting", "emailaddrs": [ {"type": "work", "value": kelly@seankelly.biz"}, {"type": "home", "pref": 1, "value": "kelly@seankelly.tv"} ], "teleph [ {"type": "work", "pref": 1, "value": "+1 214 555 1212"}, {"type": "fax", "value": "+1 214 555 1213"}, {"type": "mobile", "value": "+1 214 555 1214"} ], "addresses": [ {"type": "work", "format": "us", "value": "1234 Main StnSpringfield, TX 78080-1216"}, {"type": "home", "format": "us", "value": "5678 Main StnSpringfield, TX 78080-1316"} ], "urls": [ {"type": "work", "value": "http://seankelly.biz/"}, {"type": "home", "value": "http://seankelly.tv/"} ] } |
var req = new XMLHttpRequest();
req.open("GET","http://localhost/addr?cardID=32", /*async*/true); req. = myHandler; req.send(/*no params*/null); |
function myHandler() {
if (req.readyState == 4 /*完成*/) { //用第一个街道地址更新表单中的地址域 var addrField = document.getElementById('addr'); var root = req.responseXML; var addrsElem = root.getElementsByTagName('addresses')[0]; var firstAddr = addrsElem.getElementsByTagName('address')[0]; var addrText = fistAddr.firstChild; var addrValue = addrText.nodeValue; addrField.value = addrValue; } } |
function myHandler() {
if (req.readyState == 4 /*complete*/) { var addrField = document.getElementById('addr'); var card = eval('(' + req.resp + ')'); addrField.value = card.addresses[0].value; } } |
•card.addresses[0].type对应地址的类型:“work”;
•card.addresses[1]对应一个家庭地址对象;
•card.fullname对应卡片名:“Sean Kelly”。
{"card": {"fullname": ...}}
|
用JSON技术加快AJAX程序开发相关推荐
- 【并行算法】并行算法的设计技术和并行程序开发
并行算法的设计技术 目前普遍使用的并行算法的设计技术: 1).流水线技术 将任务分割成许多子任务,每个处理器完成其中一个,且第一个处理器完成第一个子任务后,第二个处理器可以开始完成第二个子任务- 2) ...
- 微信小程序开发竟然这么简单?!
无处不在的小程序 自从 2017 年 1 月 9 日,张小龙在 2017 微信公开课 Pro 上发布小程序开始算起,微信小程序已经走过了三个年头.从当初的只闻其名到今天的耳濡目染,微信小程序可以说已经 ...
- 微信小程序开发中的二三事之网易云信IMSDK DEMO
本文由作者邹永胜授权网易云社区发布. 简介 为了更好的展示我们即时通讯SDK强悍的能力,网易云信IM SDK微信小程序DEMO的开发就提上了日程.用产品的话说就是: 云信 IM 小程序 SDK 的能力 ...
- 微信小程序开发多少钱 怎么看价格成本
按照功能来看,很多人还是感觉app功能会比较全面,但是小程序的功能也逐渐完善,就开发和维护成本来看,也是小程序受欢迎的原因之一.有些不可替代的事实不得不承认,APP游戏是小程序"玩" ...
- 微信小程序开发入门教程(三)
背景 上一篇文章我们主要介绍了微信小程序的几个配置,其中app.json是对于微信小程序全局的配置,page.json是对于小程序页面的配置,project.config.json是对于小程序开发工具 ...
- 端午节论屈原之离骚和程序开发之离怨
伟大的爱国主义诗人屈原的离骚的语句,最近端午读来,感觉和咱们技术开发有很多相通的语境和心境啊,大约列出如下: 纷吾既有此内美兮,又重之以修能. 天赋给我很多良好素质,我不断加强自己的修养. 这句讲的是 ...
- 基于JSON的高级AJAX开发技术
一. 引言毫无疑问,AJAX已经成为当今Web开发中一种强有力的用户交互技术,但是它的许多可能性 应用仍然鲜为人知.在本文中,我们将来共同探讨如何使用JavaScript对象标志(JSON)和JSON ...
- 大数据技术之_19_Spark学习_07_Spark 性能调优 + 数据倾斜调优 + 运行资源调优 + 程序开发调优 + Shuffle 调优 + GC 调优 + Spark 企业应用案例
大数据技术之_19_Spark学习_07 第1章 Spark 性能优化 1.1 调优基本原则 1.1.1 基本概念和原则 1.1.2 性能监控方式 1.1.3 调优要点 1.2 数据倾斜优化 1.2. ...
- ajax技术怎么应用程序,利用AJAX技术开发应用程序.pdf
维普资讯 2008年6月 电 脑 学 习 第3期 利用AJAX技术开发应用程序 蔡燕敏' 摘 要:介绍了AJAx技术的概念.工作原理及使用AJAX技术的基本原则.讨论了AJAx技术在应用程序的开发过 ...
最新文章
- 阿里P9:架构师最根本的差距是思维!
- leangoo领歌看板工具新增任务到期提醒功能
- linux下find命令用法
- Scrapy中的yield使用
- 计算机软件在矿井地质中的应用,(完整版)遥感导论知识点整理(梅安新版)
- Linux touch命令:创建文件及修改文件时间戳
- 偷梁换柱 | 无备份情况下的数据恢复实践
- oracle 树形结构表,树结构表递归查询在ORACLE和MSSQL中的实现方法
- IntellJ IDEA神器使用技巧
- moment.js的方法总结
- 哈工大计算机报深圳还是本部,哈工大本部和哈工大深圳哪个比较好?
- 《月亮与红蜘蛛》王巧琳
- 织梦模板被植入index.html,织梦dedecms百度快照劫持注入代码防范
- PDF处理技巧分享之PDF合并:一键实现几个PDF合并成一个PDF
- csv是什么意思中文_csv文件是什么意思
- 读取NTFS的USN(获取文件的历史操作记录,即使这个文件已被删除)
- omap3530支持gpu模块
- (一)LAMP (CGI,fastcgi, PHP,基于php的LAMP架构,php连接数据库)
- 虚拟独享服务器,独享云虚拟主机和服务器
- caspase家族的特点_caspase家族