大佬們幫忙看下我這ajax寫錯(cuò)了嗎

$.ajax({
         url : "data.json",
           method: 'get',
       dataType: "json",
       contentType: "application/json",
    success: function(data){
         //把字符串轉(zhuǎn)成數(shù)組
      for(var i in data){
      //循環(huán)有多少條數(shù)據(jù)
                $('<div class="cell">'
                    + '<a class="user_avatar pull-left" href="#" target="_blank">'+'<img src="'+data[i].url1+' " />'
                    +'</a>'
                    +'<span class="reply_count pull-left">'
                        +'<span class="count_of_replies" title="回復(fù)數(shù)">'+data[i].reply+'</span>'
                        +'<span class="count_seperator">'+"/"+'</span>'
                        +'<span class="count_of_visits" title="訪問數(shù)">'+data[i].visit+'</span>'
                    +'</span>'
                    +'<div class="topic_title_wrapper">'
                        +'<span class="'+data[i].kind+ ' ">'+'</span>'
                        +'<a class="topic_title">'+data[i].title+'</a>'
                    +'</div>'
                    +'<a class="last_time pull-right">'
                        +'<img class="user_small_avatar" src="'+data[i].url2+'">'
                        +'<span class="last_active_time">'+data[i].lastTime+"小時(shí)前"+'</span>'
                    +'</a>'
                +'</div>'
                ).appendTo($("#content_froum"));
                 
    }
}





{ "responseHeader": {"status":"0024","desc":"獲取論壇列表成功"},
  "responseBody":[{
            "url1": "../../../images/common/head/head_01",
            "reply": "22",
            "visit": "200",
            "kind": "put_up",
            "link": "",
            "title": "春風(fēng)十里揚(yáng)州路，卷上珠簾總不如",
            "url2": "../../../images/head/head_21.jpg",
            "lastTime": "3小時(shí)前"
        },
        {
            "url1": "../../../images/common/head/head_01",
            "reply": "22",
            "visit": "200",
            "kind": "put_up",
            "title": "春風(fēng)十里揚(yáng)州路，卷上珠簾總不如",
            "url2": "../../../images/head/head_21.jpg",
            "lastTime": "3小時(shí)前"
        },
        {
            "url1": "../../../images/common/head/head_01",
            "reply": "22",
            "visit": "200",
            "kind": "put_up",
            "title": "春風(fēng)十里揚(yáng)州路，卷上珠簾總不如",
            "url2": "../../../images/head/head_21.jpg",
            "lastTime": "3小時(shí)前"
        },
        {
            "url1": "../../../images/common/head/head_01",
            "reply": "22",
            "visit": "200",
            "kind": "put_up",
            "title": "春風(fēng)十里揚(yáng)州路，卷上珠簾總不如",
            "url2": "../../../images/head/head_21.jpg",
            "lastTime": "3小時(shí)前"
        }]
     }

能輸出到頁面上兩條全是undefined

http://127.0.0.1:8020/self_service_platform/views/documentCenter/forum/undefined 404 (Not Found)
控制臺(tái)報(bào)這個(gè)錯(cuò)誤

回答

編輯回答

臭榴蓮

先打印data看下請(qǐng)求是否成功，是否正確。

另外遍歷數(shù)組的正確方式是for循環(huán)或者forEach方法，for...in常用來遍歷對(duì)象屬性

2018年7月24日 09:35

編輯回答

嘟尛嘴

先說結(jié)論：寫錯(cuò)了，contentType是給發(fā)送的data用的，而且如果你就是拿個(gè)json的話根本不用寫這么多。

上代碼(手機(jī)寫的所以請(qǐng)忽略格式。。。)：

$.getJSON("data.json", function(data){
    var html = [];
    $.each(data, function(index,item){
        var i = 
            '<div class="cell">'+
               '<a class="user_avatar pull-left" href="#" target="_blank">'+
                     '<img src="'+item.url1+' " />'+
               '</a>'+
               '<span class="reply_count pull-left">'+
                   '<span class="count_of_replies" title="回復(fù)數(shù)">'+item.reply+'</span>'+
                   '<span class="count_seperator">'+"/"+'</span>'+
                   '<span class="count_of_visits" title="訪問數(shù)">'+item.visit+'</span>'+
               '</span>'+
               '<div class="topic_title_wrapper">'+
                   '<span class="'+item.kind+ ' ">'+'</span>'+
                   '<a class="topic_title">'+item.title+'</a>'+
               '</div>'+
               '<a class="last_time pull-right">'+
                   '<img class="user_small_avatar" src="'+item.url2+'">'+
                   '<span class="last_active_time">'+item.lastTime+"小時(shí)前"+'</span>'+
               '</a>'+
           '</div>';
        html.push(i);
    }
    $("#content_froum").append(html);
});

2017年7月10日 09:05

編輯回答

氕氘氚

$.ajax({
        url: "data.json",
        method: 'get',
        dataType: "json",
    }).done(function(data) {
        console.log(data);
        console.log(data.responseBody);
        let list = data.responseBody;
        for(const item of list) {
            // 循環(huán)有多少條數(shù)據(jù)
            $('<div class="cell">' +
                '<a class="user_avatar pull-left" href=" " target="_blank">' +
                '<img src="' + item.url1 + ' " />' +
                '</a >' +
                '<span class="reply_count pull-left">' +
                '<span class="count_of_replies" title="回復(fù)數(shù)">' + item.reply + '</span>' +
                '<span class="count_seperator">' + ' / ' + '</span>' +
                '<span class="count_of_visits" title="訪問數(shù)">' + item.visit + '</span>' +
                '</span>' +
                '<div class="topic_title_wrapper">' +
                '<span class="' + item.kind + ' ">' + '</span>' +
                '<a class="topic_title">' + item.title + '</a >' +
                '</div>' +
                '<a class="last_time pull-right">' +
                '<img class="user_small_avatar" src="' + item.url2 + '">' +
                '<span class="last_active_time">' + item.lastTime + "小時(shí)前" + '</span>' +
                '</a >' +
                '</div>'
            ).appendTo($("#content_froum"));

        }
    }).fail(function(e) {
        console.log(e);
    });

這個(gè)是我現(xiàn)在代碼調(diào)用成功謝謝二位大大

2018年9月19日 13:22