JSON

JSON学习(二) - JavaScript处理JSON数据

字号+ 作者:H5之家 来源:H5之家 2015-10-20 18:04 我要评论( )

上一章介绍了如何用JSON表示数据,这一章将为我们解决如何在服务器端生成JSON式的数据以便发送到客户端,以及客户端如何使用JavaScript处理JSON式的数据。 我们先讨论如何在Web页面中用JavaScript处理JSON数据,我们通过一个简单的JavaScript方法就能看到客


上一章介绍了如何用JSON表示数据,这一章将为我们解决如何在服务器端生成JSON格式的数据以便发送到客户端,以及客户端如何使用JavaScript处理JSON格式的数据。

 

我们先讨论如何在Web页面中用JavaScript处理JSON数据,我们通过一个简单的JavaScript方法就能看到客户端如何将JSON数据表示给用户:


 

function handleJson() { var j = {"name":"Michael","address": {"city":"Beijing","street":"Chaoyang Road","postcode":100025} }; document.write(j.name); document.write(j.address.city); }


假定服务器返回的JSON数据是上文的:

{"name":"Michael","address":

         {"city":"Beijing","street":"Chaoyang Road","postcode":100025}

 }

只需将其赋值给一个JavaScript变量,就可以立刻使用该变量并更新页面中的信息了,相比XML需要从DOM中读取各种节点而言,JSON的使用非常容易,我们需要做的仅仅是发送一个Ajax请求,然后将服务器返回的JSON数据赋值给一个变量即可,有许多Ajax框架早已包含了处理JSON数据的能力,

例如Prototype(一个流行的JavaScript库:)提供了evalJSON()方法,能直接将服务器返回的JSON文本变成一个JavaScript变量:

new Ajax.Request(,{

     method:"get",

     ouSuccess:function(transport){

          var json = transport.responseText.evalJSON();

         //TODO  :document.write(json.xxx); 

    }

);

 

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • json学习之三:JSONArray的应用

    json学习之三:JSONArray的应用

    2016-01-30 12:32

  • JSON学习笔记 陈建杭个人博客

    JSON学习笔记 陈建杭个人博客

    2016-01-17 12:22

  • JSON学习笔记(一)

    JSON学习笔记(一)

    2016-01-17 11:18

  •  json学习所用。

    json学习所用。

    2016-01-17 08:14

网友点评