标签:
1.主要是ajax获取后台数据还是有很多不明白的细节,只要ajax获得了json数据,一切问题都迎刃而解了
2.今天主要收获是巩固了一些json数据的解析方法,其实就是把【.】作为json树往下走一层的方法,遇到下一层的某个节点是数组时,把它先放在一个数组里(例如:var array=[] ; array=data.body.appraises,这里需要注意的最前方一般都是data起头的),然后遍历它就可以获得每层的数据了
3.贴一下今天已经正常工作的代码
$(document).ready(function(){ var initial_star=function(service,environ,flavour,stara,starb,starc){ var service=service; var environ=environ; var flavour=flavour; var stara=stara; var starb=starb; var starc=starc; var oStar1=document.getElementById(stara); var iStar1=oStar1.getElementsByTagName(‘li‘); for(var j=0;j<iStar1.length;j++) { $(iStar1[j]).addClass("empty"); } for(var i=0;i<service;i++) { $(iStar1[i]).removeClass(‘empty‘).addClass(‘full‘); // iStar1[i].className=("full"); } var oStar2=document.getElementById(starb); var iStar2=oStar2.getElementsByTagName(‘li‘); for(var j=0;j<iStar2.length;j++) { $(iStar2[j]).addClass("empty"); } for(var i=0;i<environ;i++) { $(iStar2[i]).removeClass(‘empty‘).addClass(‘full‘); // iStar1[i].className=("full"); } var oStar3=document.getElementById(starc); var iStar3=oStar3.getElementsByTagName(‘li‘); for(var j=0;j<iStar3.length;j++) { $(iStar3[j]).addClass("empty"); } for(var i=0;i<flavour;i++) { $(iStar3[i]).removeClass(‘empty‘).addClass(‘full‘); // iStar1[i].className=("full"); } } initial_star(5,1,2,‘star1‘,‘star2‘,‘star3‘); $.ajax({ type:"post", url:"../wap/getAppMethod.action", dataType:"json", data:{"uri":"queryStoreAppraiseList", "wapver":"3", "storeid":"020115", }, success:function(data){ console.log(data); // alert(data.body.countTotal); var comments=[]; comments=data.body.appraises; // var username=comments[i].customerId; // var usercomment=comments[i].content; // var usertime=comments[i].saDate; var full="<div id=‘commentlist‘>"; for(var i=0; i<comments.length;i++){ full+="<HR class=‘newhr‘ align=center width=100% color=#CCCCCC size=1>" full+="<div class=‘somecomment‘><span class=‘username‘>"+comments[i].customerId+"</span></br>"; full+=" <span class=‘commentcontent‘>"+comments[i].content+"</span></br>"; full+="<span class=‘commenttime‘>"+comments[i].saDate+"</span></div>" } full+="</div>"; $("#commentlist").html(""); $("#commentlist").append(full); // alert(comments[1].saDate); //for(var i=0; i<comments.length;i++){} // $("#commentlist").html(""); initial_star(data.body.service,data.body.environment,data.body.taste,‘star1‘,‘star2‘,‘star3‘); }, error:function(data){ console.log("x"+data); } }) })
标签:
原文地址:http://www.cnblogs.com/xisitan/p/4448257.html