• Js循环读取JSON数据


        <script>
            $(function () {
                var jsonString = '{Unid:"1",CustomerName:"宋江",Age:"33"}';
                var jsonString2 = '[{"uname":"王强","day":"2010/06/17"},{"uname":"王海云","day":"2010/06/11"}]';
                var jsonObject = eval('(' + jsonString + ')');
                var josn = eval('(' + jsonString2 + ')');
    
    
                //  方法一:
    
                //                                 var tt = '';
                //                                 $.each(jsonObject, function (k, v) {
                //                                     tt += k + ":" + v + "<br/>";
                //                                             });
    
                //            //方法二:
    
                //            var tt = '';
                //            for (var k in jsonObject) {
                //                var v = jsonObject[k];
                //                if (typeof (v) != "object") {
                //                    tt += k + ":" + v + "<br/>";
                //                }
                //                        }
    
    
                //          //  方法一:适应于jsonString2
    
                //            var tt = '';
                //            for (var i = 0; i < josn.length; i++) {
                //                for (var key in josn[i]) {
                //                    tt += key + ":" + josn[i][key] + "<br/>";
    
                //                }
                //            }
    
                //  方法二:适应于jsonString2
    
    //            var tt = '';
    //            $.each(josn, function (k, v) {                  //K表示索引  ["uname"]和  .uname 这两种形式都可以
    //                tt += josn[k]["uname"]+josn[k].day +'<br>';
                //            });

     //  方法二:适应于jsonString2

    //                        var tt = ''; //           

                 $.each(josn, function (k, v) {              //K表示索引  v就表示每个索引的值      //               

                    tt += v["uname"]+v.day +'<br>'; //      

                      });



    // 方法二:适应于jsonString2 // var tt = ''; // $.each(josn, function (i) { //同下 ( i 表示索引,同上面的 K ) // tt += josn[i].uname + "<br>"; // }); // 方法三:适应于jsonString2 // var tt = ''; // $(josn).each(function (i) { // tt += josn[i].uname+':'+ josn[i].day +"<br>"; // }); // //方法四: // var tt = ''; // for (var key in jsonObject) { // tt += key + ":" + jsonObject[key] + "<br/>"; // } $("#divmessage").html(tt); })

    </script>

    这样我们就可以轻松的获取我所需要的key值和value值了

    ----------------------------------------

    each()

    $("button").click(function(){
    $("div").each(function(index,domEle){
    $(domEle).css("backgroundColor","wheat");
    if($(this).is("#stop")){
    $("span").text("在div块为#"+index+"的地方停止。");
    return false;
    }
    });
     

    或者这么写:
     


    $("button").click(function(){
    $("div").each(function(index){
    $(this).css("backgroundColor","wheat");
    if($(this).is("#stop")){
    $("span").text("在div块为#"+index+"的地方停止。");
    return false;
    }
    });

     ============

      //第一种  ajax获取json数据
            $.ajax({
                type: 'post',
                dataType: 'json',
                url: "/benyer.ashx",
                success: function (data) {
                    $.each(data, function (i, item) {
                        alert("ajax-json[i].ID" + data[i].ID);
                        alert("ajax-item[ID]" + item["ID"]);
                    });
                },
                error: function (data) {
                    alert("error" + data);
                }
            });
            //第二种 getJSON获取json数据
            //                   $.getJSON ("/benyer.ashx",function(json){
            //                   alert(json);
            //                           $.each(json,function(i,item){                                
            //                                  alert("json[i].ID"+json[i].ID);
            //                                  alert("item[ID]"+item["ID"]);
            //                            }) 
            //                     });

    var arr1 = [ "one", "two", "three", "four", "five" ];     
     2 $.each(arr1, function(){     
     3     alert(this);     
     4 });     
     5 输出:one   two  three  four   five     
     6 var arr2 = [[1, 2, 3], [4, 5, 6], [7, 8, 9]]     
     7 $.each(arr2, function(i, item){     
     8     alert(item[0]);     
     9 });     
    10 输出:1   4   7     
    11 var obj = { one:1, two:2, three:3, four:4, five:5 };     
    12 $.each(obj, function(key, val) {     
    13     alert(obj[key]);           
    14 });     
    15 输出:1   2  3  4  5
    
    Js代码
    
       1. //json格式          
       2. var param = [{'subJobClass':'com.sample.quartz.MyJob','subJobMethod':'hello','taskParam':[{'username':'张三'},{'age':'28'},{'tel':'15818821129'}]}];  
       3.   
       4. //设置参数值  
       5. if(param.length>0){  
       6.                   
       7.                           
       8.     alert(param[0].subJobClass);  
       9.     alert(param[0].subJobMethod);  
      10.                   
      11.     var taskParam = param[0].taskParam ;  
      12.                   
      13.     //遍历任务参数数组  
      14.     jQuery.each(taskParam,function(i, item){  
      15.           
      16.         //解析单个任务参数  
      17.         jQuery.each(item ,function(key){  
      18.             alert(key);//key  
      19.                         alert(item[key]);//value  
      20.                                       
      21.                 });  
      22.                   
      23.     });  
      24. }
    
  • 相关阅读:
    delphi Form属性设置 设置可实现窗体无最大化,并且不能拖大拖小
    学习 TTreeView [1]
    学习 TTreeView [3]
    学习官方示例
    踩方格(找规律 递推)
    踩方格(找规律 递推)
    普及组2008NOIP 排座椅(贪心+排序)
    普及组2008NOIP 排座椅(贪心+排序)
    POJ_3740 Easy Finding ——精确覆盖问题,DLX模版
    POJ_3740 Easy Finding ——精确覆盖问题,DLX模版
  • 原文地址:https://www.cnblogs.com/dare/p/3369866.html
Copyright © 2020-2023  润新知