APPCan的json数据传递方式

由于项目涉及到json数据的传递:

代码如下:

 <script>
            var list1 = document.getElementById("list1");
            var list2 = document.getElementById("list2");
            var list3 = document.getElementById("list3");
            var temp;
            appcan.ready(function() {
                list1.style.display = "block";
                list2.style.display = "none";
                list3.style.display = "none";
                //请求服务器函数,设置数据
                getdatas();
                alert("判断返回数据是否为空:"+temp);
                //解析返回的json
                if(temp!=null)
                {
                  lvdata(temp);
                }
                else
                {
                    alert("二次判断返回数据是否为空:"+temp);
                }
                alert("3.end is fail:  "+temp);
            });
          
        //list显示数据
       function lvdata (data) {
                var lv = appcan.listview({
                selector : "#list1",
                type : "thinLine",
                hasIcon : false,
                hasAngle : true,
                hasSubTitle : true,
                multiLine : 1,
            });
                lv.set([{
                    title : "临时数据1",
                    subTitle : "12:05",
                    id : "1"
                }, {
                    title : "临时数据2",
                    subTitle : "12:05",
                    id : "2"
                }, {
                    title : "临时数据3",
                    subTitle : "12:05",
                    id : "3"
                }, {
                    title : "临时数据4",
                    subTitle : "12:05",
                    id : "4"
                }, {
                    title : "临时数据5",
                    subTitle : "12:05",
                    id : "5"
                }
                ])
                alert("在lvdata函数中设置数据");
                lv.on("click", function(ele, obj, curEle) {
                })
            
       }
    
    
     //获取订单数据
       function getdatas (data) {
         alert("1.进入getdatas函数!");
            appcan.request.ajax({ 
            url:'http://localhost:8080/OCO/getgoods',
            type:'GET',
            contentType:'json',
            data:{
               'name':'wang',
               'pwd':'789542'
            },
            success:function(data){
                temp=data;
                alert("提交服务器返回data");
                alert("判断返回服务器返回数据是否为空:"+temp);
                var goods=JSON.parse(data)
                    var id=goods.id;
                    var name=goods.tittle;
                    var score=goods.score;
                    alert(id+" "+name+"  "+score);
              
               
                return data;
               
            },
            error:function(e){
                alert(e);
            }
        });
       }

    </script>

服务器的采用javaee做接口,更具情况可以适当修改

猜你喜欢

转载自blog.csdn.net/qq_27964731/article/details/79782054