代码改变世界

使用JSoN传递数据

2009-06-27 15:16  Peter Yao  阅读(462)  评论(2编辑  收藏  举报

上一段的讲解,不知道大家是否对XML数据有所了解,下面砸门进入json格式的数据传递:

好,我个人比较注重实战,我没有老赵那样流利的口才,没有培训机构花哨的语言,带给大家的只有实实在在的编程经验和技巧!好了不多说了,看下面的实例:

function showInfo(event)

{

var planet=this.id;

var scriptUrl=planet+".json";

new net.ContentLoader(scriptUrl,parseJSON);

}

 

function parseJSON()

{

var name="";

var descrip="";

var jsonTxt=net.req.responseText;

var jsonObj=eval("("+jsonTxt+")");

name=jsonObj.planet.name

var ptype=jsonObj.planet.type;

if(ptype)

{

descrip+="<h2>'+ptype+"</h2>";

}

var infos=jsonObj.planet.info;

descrip+="<ul>";

for(var i in infos)

{

descrip+="<li>"+infos[i]+"</li>\n";

}

descrip+="</ul>";

top.showPopup(name,descrip);

}

我们再一次使用ContentLoader来获取数据,并且分配一个回调函数parseJSON()。整个的响应文本是一条合法的JavaScript语句,因此我们可以用过简单的调用eval()函数来创建一个对象图:

 var jsonObj=eval("("+jsonTxt+")");

 

可能有人对json格式的文本不熟悉,我下面给大家写段json数据

{

"planet":

{

"name":"earth",

"type":"small",

"info":["Earth is a small planet,third from the sun","two-thirds","climated and landcapes"]

}

}

 

好现在大家对Ajax里面的两种数据模式应该都知道了吧!

我是Peter,

Thank you, support, hope and do so!