json例子

riali · 发表于 2013-1-23 02:44:34

本来一直觉得这么基础的功能是没有什么好拿出来讲的，今天和网友聊天发现，由于缺乏对json的理解，很多人都还在继续带着自己的项目往ajax的方向进军，而完全不知道有一个好得多的替代品。所以写下这么个demo给大家参考：

<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee;"><HTML>
<HEAD>
<title>异步json例子</title>
<SCRIPTLANGUAGE="JavaScript">
functiontest(){
vars=document.createElement("SCRIPT");
document.getElementsByTagName("HEAD")[0].appendChild(s);
s.src="http://g2.qzone.qq.com/fcg-bin/cgi_emotion_list.fcg?uin=123456";
}
functionvisitCountCallBack(data){
for(variindata){
vare=document.getElementById(i);
if(e)e.innerHTML=data;
}

}
</SCRIPT>
</HEAD>
<BODY>
<buttononclick="test()">test</button><BR>
历史访问人数：<spanid="visitcount"style="color:#6600CC">点击test按钮获取数据</span><BR>
今天访问人数：<spanid="dayvisit"style="color:#CC6633">点击test按钮获取数据</span><BR>
阳光指数：<spanid="sun"style="color:red">点击test按钮获取数据</span><BR>
爱心指数：<spanid="love"style="color:violet">点击test按钮获取数据</span><BR>
雨露指数：<spanid="rain"style="color:blue">点击test按钮获取数据</span><BR>
营养指数：<spanid="nutri"style="color:green">点击test按钮获取数据</span><BR>
花匠级别：<spanid="gardener"style="color:#996633">点击test按钮获取数据</span>
</BODY>
</HTML>

		自动登录	找回密码
密码			立即注册