JSON在Ajax数据交换中的应用研究.pdf

2011年 1月 西安石油大学学报 (自然科学版) Jan．201l 笫 26卷第 1期 JournalofXian5hiyouUniversity(NaturalScienceEdition) V01．26No．1 文章编号 ：1673-064X(2011)01-0095-04 JSoN在 Ajax数据交换 中的应用研究 屈 展，李 婵 (西安石油大学 计算机学院，陕西 西安710065) 摘要：基于Ajax(AsynchronousJavaScriptAndXML)技术的Web程序开发和应用主要采用传统的 XML数据传输格式，这种数据格式不但会产生大量数据冗余，而且还存在着解析复杂等 问题．将 XML和 JSON进行对 比分析，最终选择 JSON作为 Ajax中的数据传输格式，并用 jQuery来解析 JSON数据．JSON传输格式可以屏蔽 DOM解析XML文件 的复杂性 ，缩短数据传输时间，解决Ajax web应用系统中数据传输效率优化问题．提 出一种 Ajax+JSON+iQuery传输方案，通过实例证明 这种传输方案能够有效提高Web应用系统的数据传输效率，减少客户端的请求响应时间． 关键词 ：数据交换 ；传输格式；Ajax；iQuery；JSON；传输效率 中图分类号 ：TP3l1．1 文献标识码：A 在 Web程序开发和企业应用 中，如何实现高 页应用的网页开发技术 ，其关键点在于异步发送请 效、快捷、交互性能好的Web开发模式，一直是技术 求．如图1(a)传统的Web应用允许用户填写表单 人员追求的方 向¨ ．目前，发展最快的就是 Ajax技 (Form)，当提交表单时就 向Web服务器发送一个请 术，它集 HTML，JavaScriptTM，DHTML和DOM技术 求．服务器接收并处理传来的表单，然后返回一个新 的优缺点于一身 J．通过Ajax技术，浏览者与服务 的网页．这个做法浪费了许多带宽．与传统的Web 器之间采用异步通信机制，其 目的是提高网页的连 应用不同，如图1(b)Ajxa采用异步交互过程，在用 续性和Web的响应速度 ，给用户更好的浏览体验． 户与服务器之间引入一个中间介质 ，消除了网络交 然而，由于Ajax技术的出现影响了应用程序架构， 匪巫 臣亘团 使用传统的XML用于表示客户端与服务器间的数 据交换格式 已经阻碍 了传输效率 J．本文从 Ajax 麓2 Web应用 系统 自身 的特点 出发，利 用 JSON 和 萎 ： JQuery这两种技术来提高 Ajax在系统开发中的效 —-^‰ h 率，最终提出了一种 Ajxa +JSON+jQuery 传输 ●牡 呻 3一 方案． r l 1 Ajax工作机制 (a)传统WEBI作原理 (b)Ajax32作原理 图 1 工作原理对 比 Ajax(AsynchronousJavaScriptAndXML)，即异 Fig．1 ThecontrastoftraditionalW ebworkingprinciple