首页 / AJAX / 比较Ajax的三种实现及JSON解析
比较Ajax的三种实现及JSON解析
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了比较Ajax的三种实现及JSON解析,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含5937字,纯文字阅读大概需要9分钟。
内容图文
本文给大家介绍ajax的三种实现及json解析的相关资料,对本文感兴趣的朋友参考下本文主要是比较三种实现Ajax的方式,为以后的学习开个头。
准备:
1、 prototype.js
2、 jquery1.3.2.min.js
3、 json2.js
后台处理程序(Servlet),访问路径servlet/testAjax:
Java代码
TestAjaxServlet接收两个参数:name和age,并返回一个以JSON格式编写的字符串。
前台页面参数输入界面:
Html代码
<p id="show">显示区域</p> <p id="parameters"> name:<input id="name" name="name" type="text" /><br /> age:<input id="age" name="age" type="text" /><br /> </p>
一、prototype实现
Html代码
在prototype的Ajax实现中,用evalJSON方法将字符串转换成JSON对象。
二、jquery实现
Html代码
刚接触jQuery,在json的处理上借助了json2.js。还请前辈们指教。。
三、XMLHttpRequest实现
Html代码
ps:字符串转换成JSON的三种方式
采用Ajax的项目开发过程中,经常需要将JSON格式的字符串返回到前端,前端解析成JS对象(JSON )。
ECMA-262(E3) 中没有将JSON概念写到标准中,但在 ECMA-262(E5) 中JSON的概念被正式引入了,包括全局的JSON对象和Date的toJSON方法。
1,eval方式解析,恐怕这是最早的解析方式了。
记得str两旁的小括号哦。
2,new Function形式,比较怪异哦。
IE6/7中当字符串中含有换行(\n)时,new Function不能解析,但eval却可以。
3,使用全局的JSON对象。
目前IE8(S)/Firefox3.5+/Chrome4/Safari4/Opera10 已实现了该方法。
使用JSON.parse需严格遵守JSON规范,如属性都需用引号引起来,如下
name没有用引号引起来,使用JSON.parse所有浏览器中均抛异常,解析失败。而前两种方式则没问题。
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
解决ajax返回验证的时候总是弹出error错误的方法
通过Ajax手动解决WordPress WP-PostViews不计数的问题
Ajax获取到数据放入echarts里不显示的原因分析及解决办法
以上就是比较Ajax的三种实现及JSON解析的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的比较Ajax的三种实现及JSON解析全部内容,希望文章能够帮你解决比较Ajax的三种实现及JSON解析所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。