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. }