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

Js循环读取JSON数据的更多相关文章

  1. js循环读取json数据,将读取到的数据用js写成表格

    ①js循环读取json数据的方式: var data=[{"uid":"2688","uname":"*江苏省南菁高级中学 022 ...

  2. JS 循环遍历JSON数据 分类: JS技术 JS JQuery 2010-12-01 13:56 43646人阅读 评论(5) 收藏 举报 jsonc JSON数据如:{&quot;options&quot;:&quot;[{

    JS 循环遍历JSON数据 分类: JS技术 JS JQuery2010-12-01 13:56 43646人阅读 评论(5) 收藏 举报 jsonc JSON数据如:{"options&q ...

  3. JS 循环遍历JSON数据

    JSON数据如:{"options":"[{/"text/":/"王家湾/",/"value/":/" ...

  4. JS循环遍历JSON数据的方法

    JSON数据如:{"options":"[{/"text/":/"王家湾/",/"value/":/" ...

  5. js循环便利json数据

    var data=[{name:"a",age:12},{name:"b",age:11},{name:"c",age:13},{name: ...

  6. js中读取json数据

    1.JSON字符串转为JSON对象 var obj = eval('('+data+')');① var obj = data.praseJSON();② var obj = JSON.prase(d ...

  7. 在MVC中动态读取JSON数据创建表格

    //使用getJSON // ("@Url.Action("GetAllUsers","User")" ,json文件的路径.也可以是 /M ...

  8. js读取json数据(php传值给js)

    <?php $array =array('fds','fdsa','fdsafasd');  // json_encode($array); ?> <html> <hea ...

  9. js进阶ajax读取json数据(ajax读取json和读取普通文本,和获取服务器返回数据(链接)都是一样的,在url处放上json文件的地址即可)

    js进阶ajax读取json数据(ajax读取json和读取普通文本,和获取服务器返回数据(链接)都是一样的,在url处放上json文件的地址即可) 一.总结 ajax读取json和读取普通文本,和获 ...

随机推荐

  1. 每天一个linux命令(1):ls命令

    1. 命令格式: ls [选项] [目录名] 2. 命令功能: 列出目标目录中所有的子目录和文件. 4. 常用范例: 例一:列出/home/peidachang文件夹下的所有文件和目录的详细资料 命令 ...

  2. [WPF系列-高级TemplateBinding vs RelativeSource TemplatedParent]

    What is the difference between these 2 bindings: <ControlTemplate TargetType="{x:Type Button ...

  3. Neutron 理解 (1): Neutron 所实现的虚拟化网络 [How Netruon Virtualizes Network]

    学习 Neutron 系列文章: (1)Neutron 所实现的虚拟化网络 (2)Neutron OpenvSwitch + VLAN 虚拟网络 (3)Neutron OpenvSwitch + GR ...

  4. NIO与AIO,同步/异步,阻塞/非阻塞

    1.flip(),compact(),与clear()的使用 flip()内部实现,先将limit设为当前位置,再将缓冲区的postion设为0,所以是为将缓冲区的数据写出到其它通道或者get()作准 ...

  5. 解决:PADS导入.DXF结构图出现坐标超出范围问题

    现象: 原因: PCB尺寸是有限的,PADS中对于坐标大小有所限制,但AUTO CAD中的坐标却是无限制的. 解决方法: 1.在AUTO中使用M命令,将绘制的结构图移动至原点: 2.在AUTO中使用W ...

  6. HDU1890 Robotic Sort[splay 序列]

    Robotic Sort Time Limit: 6000/2000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Tota ...

  7. NOIP2009最优贸易[spfa变形|tarjan 缩点 DP]

    题目描述 C 国有 n 个大城市和 m 条道路,每条道路连接这 n 个城市中的某两个城市.任意两个 城市之间最多只有一条道路直接相连.这 m 条道路中有一部分为单向通行的道路,一部分 为双向通行的道路 ...

  8. bzoj[1087][SCOI2005]互不侵犯King

    Description 在N×N的棋盘里面放K个国王,使他们互不攻击,共有多少种摆放方案.国王能攻击到它上下左右,以及左上左下右上右下八个方向上附近的各一个格子,共8个格子. Input 只有一行,包 ...

  9. 字符加密Cipher(bzoj 1031)

    Description 喜欢钻研问题的JS同学,最近又迷上了对加密方法的思考.一天,他突然想出了一种他认为是终极的加密办法 :把需要加密的信息排成一圈,显然,它们有很多种不同的读法.例如下图,可以读作 ...

  10. 原创jquery插件treeTable(转)

    由于工作需要,要直观的看到某个业务是由那些子业务引起的异常,所以我需要用树表的方式来展现各个层次的数据. 需求: 1.数据层次分明: 2.数据读取慢.需要动态加载孩子节点: 3.支持默认展开多少层. ...