码迷,mamicode.com
首页 > 其他好文 > 详细

4.22日日常记录

时间:2015-04-22 20:16:11      阅读:121      评论:0      收藏:0      [点我收藏+]

标签:

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);
        }

    })

    


})

 

4.22日日常记录

标签:

原文地址:http://www.cnblogs.com/xisitan/p/4448257.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!