您的位置:首页 > Web前端 > JQuery

Jquery遍历从后台返回的json数据

2014-11-12 15:33 281 查看

1、为了简单起见,这里的数据直接在页面定义,不过开发的时候一般都是从后台获取数据,然后交给前台来处理
     ajax请求成功时将会执行success函数,所以在success函数里定义具体的遍历过程,代码如下:

        var data = [{\"first\":1,\"scn\":2},{\"first\":1,\"scn\":2},{\"first\":1,\"scn\":2}];//这个格式是Java的格式,如果直接在js里定义是这种格式:
     var data=  [{ "name": "项海军", "password": "123456"}];
//因为java中"是特殊字符,需要转义处理

       success: function(data) {
    //遍历json数据
    var str = "";
    for (var i = 0; i < data.length; i++) {
        for (var key in data[i]) {
            str += "<span>" + data[i][key] + "</span>";
        }
    }
    //下面使用each进行遍历  
    var trs = "";
    $.each(data,
    function(n, value) {
        alert(n + ' ' + value);
        trs += "<span>" + value.first + "</span><span>" + value.scn + "</span>";
    });
    $("div").html(trs + "<br/>");    //向div标签中添加遍历的数据
    $("div").append(str);              //向div中添加遍历的数据
},
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ajaxjquery 遍历
相关文章推荐