- 1、本文档共16页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
跟我学JSON相关技术及在项目中的应用示例——JSON和JavaScript之间转换技术及实现示例.doc
跟我学JSON相关技术及在项目中的应用示例——JSON和JavaScript之间转换技术及实现示例
将JSon格式的字符串转换为JavaScript对象
1、采用直接声明为JavaScript对象的方式实现将JSon格式的字符串转换为JavaScript对象
JSON就是JavaScript对象最好的序列化形式,如果将JavaScript对象转换为文本形式,则它比采用XML的方式表达方式更简洁也更省数据空间。JavaScript对象可以转换为一个JSON形式的字符串,从而实现将JSON形式的字符串从 Web 客户机传递到服务器端程序和从服务器端程序传递到客户端相关的程序中,最终实现客户和服务器之间的信息交换。
2、回顾JavaScript语言中动态为一个对象添加属性定义的语法
首先熟悉在JavaScript语言中动态为一个对象添加成员属性定义的语法规则,如下的示例代码是为jsonAllPersonsObject对象动态添加一个名称为AllPersons的属性定义:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=/1999/xhtml
head
meta http-equiv=Content-Type content=text/html; charset=gb18030 /
titleJSon的应用示例/title
/head
body
script language=javascript type=text/javascript
var jsonAllPersonsObject={AllPersons:AllPersons属性的值};
document.writeln(jsonAllPersonsObject.AllPersons);
/script
/body
/html
上面的JavaScript对象定义其实是应用JSon格式的字符串转换为JavaScript对象而达到的效果。
3、将JavaScript对象的成员属性赋值为JSon对象的字符串表示形式
通过为JavaScript中的某个对象动态地添加属性定义,但该对象属性为一个JSon对象的字符串表示形式,从而实现将JSon对象的字符串表示形式转换为JavaScript中的某个对象的成员属性值。
(1)单个对象的代码示例
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=/1999/xhtml
head
meta http-equiv=Content-Type content=text/html; charset=gb18030 /
titleJSon的应用示例/title
/head
body
script language=javascript type=text/javascript
var jsonOnePersonsObject={
name:张三,
sex:m,
age:40,
someOneMethod: function(){
alert(+,你好!);
}
};
jsonOnePersonsObject.someOneMethod();
var onePersonString=jsonOnePersonsO+,+
jsonOnePersonsObject.sex+,+jsonOnePersonsObject.age+br;
document.writeln(onePersonString);
/script
/body
/html
在本示例中不仅定义出某个对象的各个成员属性,而且也为该对象定义出相关的成员方法。如下为在浏览器中的执行结果示图(左图为在IE浏览器中的执行结果,而右图为在Google Chrome浏览器中的执行结果):
(2)对象数组的代码示例
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=/1999/xhtml
head
meta http-equiv=Content-Type content=text/html; charset=gb18030 /
titleJSon的应用示例/ti
您可能关注的文档
- 《中考总复习》化学答案.doc
- 综采工作面管理制度编制资料要点.doc
- 2018接招高中英语必背-(上)-.doc
- 事业单位招考 计算机专业 知识整理解读.doc
- 酒店式物业服务中心各部门星级服务标准(P).doc
- 《微观经济学》(高鸿业第四版)第三章练习.doc
- 地方债务融资及其风险管理——基于博弈论视角5222.doc
- 客服培训心得体会5篇.doc
- e-钙粘蛋白基因多态性与子宫内膜异位症发病风险的关联性研究-妇产科学专业论文.docx
- 农村小学数学应用题有效教学策略研究.doc
- 白天晚上教学课件.ppt
- 2025年山东菏泽市牡丹区中医医院引进急需紧缺专业技术人才30人笔试模拟试题参考答案详解.docx
- 2025年山东菏泽市牡丹区中医医院引进急需紧缺专业技术人才30人笔试模拟试题带答案详解.docx
- 2025年山东菏泽市牡丹区中医医院引进急需紧缺专业技术人才30人笔试模拟试题及参考答案详解.docx
- 2025年山东菏泽市牡丹区中医医院引进急需紧缺专业技术人才30人笔试模拟试题及参考答案详解一套.docx
- 2025年山东菏泽市牡丹区中医医院引进急需紧缺专业技术人才30人笔试模拟试题及完整答案详解1套.docx
- 2025年山东菏泽市牡丹区中医医院引进急需紧缺专业技术人才30人笔试模拟试题及参考答案详解1套.docx
- 2025年山东菏泽市事业单位招聘急需紧缺岗位目录(第一批)笔试模拟试题参考答案详解.docx
- 2025年山东菏泽市牡丹区中医医院引进急需紧缺专业技术人才30人笔试模拟试题及答案详解1套.docx
- 画西瓜教学课件.ppt
文档评论(0)