json格式的javascript对象用法分析
本文实例分析了json格式的javascript对象用法。分享给大家供大家参考,具体如下:
格式:
objectName={ property1:value1, property2:value2, …, propertyN:valueN }
property是对象的属性,value则是对象的值,值可以是字符串、数字或对象三者之一
例一:值为字符串和数字
varuser={ name:"user1", age:18 };
例二:值为字符串和对象
varuser={//user本身是一个对象 name:"user1", job:{//job也是一个对象 salary:3000, title:programmer } }
例三:值还可以为函数
varuser={//user本身为一个对象 name:"user1", age:18, getName:function(){//getName为方法 returnthis.name; } }
以下ZPVisitor类的定义格式在实际企业项目中经常被使用:
varZPVisitor={ init:function(){ varurl=ZPConstant.AJAX_SERVER+"&a=hello"+"&sid="+Math.random(); $.getJSON(url,function(result){//#TODO跨域请求? if(result.done){ varlogininfo=result.data.name+" 您好!"; if(!result.data.login){ logininfo+=" <ahref=\""+ZPConstant.MYZP_DOMAIN+"index.php?c=member&a=login\">登录</a>/<ahref=\""+ ZPConstant.MYZP_DOMAIN+"index.php?c=member&a=regist\">注册</a>"; }else{ logininfo+=" <ahref=\""+ZPConstant.MYZP_DOMAIN+"index.php?c=member&a=logout\">注销</a>"; } $("#login-info").html(logininfo); }else{ popAlert(result.msg); } });//结束getJSON },//结束init方法 //收藏商品 collect:function(pid){ varpid=parseInt(pid); if(isNaN(pid))returnfalse; varurl=ZPConstant.AJAX_SERVER+"&a=collect&pid="+pid+"&sid="+Math.random(); $.getJSON(url,function(result){ if(result.done){ popAlert(result.msg); }else{ popAlert(result.msg); } });//结束getJSON方法 },//结束collect方法 //浏览历史 vHistory:{ get:function(callback){ varitems_str=getCookie(ZPConstant.VIEW_HISTORY_CKNAME); if(items_str==null)return; varitems=items_str.split(",").reverse().join(","), url=ZPConstant.AJAX_SERVER+"&a=viewHistory"+"&items="+items+"&sid="+Math.random(); //TODO向服务端请求数据 $.getJSON(url,function(response){ if(response.done){ callback(response.data,items); }else{ returnfalse; } });//结束getJSON方法 },//结束get方法 add:function(pid){ varpid=parseInt(pid); if(isNaN(pid))return; varcookieStr=getCookie(ZPConstant.VIEW_HISTORY_CKNAME); if(cookieStr){ varpids=cookieStr.split(","),_tempPids=[]; for(vari=0;i<pids.length;i++){ if(pids[i]!=pid){//如果已经存在,则移除之前写入的数据 _tempPids.push(parseInt(pids[i])); } } _tempPids.push(pid);//将新数据放到数组最后 setCookie(ZPConstant.VIEW_HISTORY_CKNAME,_tempPids.reverse().slice(0,5).reverse().join(",")); }else{ setCookie(ZPConstant.VIEW_HISTORY_CKNAME,pid); } },//结束add方法 clear:function(){ setCookie(ZPConstant.VIEW_HISTORY_CKNAME,'',-100); } },//结束vHistory //购物车已删除的商品记录 dropHistory:function(spid){ varcookieStr=getCookie(ZPConstant.CARTDEL_CKNAME); if(cookieStr){ varidsDel=cookieStr.split(","); for(vari=0;i<idsDel.length;i++){ idsDel[i]=parseInt(idsDel[i]); } if($.inArray(spid,idsDel)==-1){ idsDel.push(spid); setCookie(ZPConstant.CARTDEL_CKNAME,idsDel.join(",")); } }else{ setCookie(ZPConstant.CARTDEL_CKNAME,spid); } }//结束dropHistory }//结束ZPVisitor
PS:这里再为大家推荐几款json在线工具,相信大家在今后的开发中可以用得到:
在线JSON代码检验、检验、美化、格式化工具:
http://tools.jb51.net/code/json
JSON在线格式化工具:
http://tools.jb51.net/code/jsonformat
在线XML/JSON互相转换工具:
http://tools.jb51.net/code/xmljson
json代码在线格式化/美化/压缩/编辑/转换工具:
http://tools.jb51.net/code/jsoncodeformat
C语言风格/HTML/CSS/json代码格式化美化工具:
http://tools.jb51.net/code/ccode_html_css_json
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。