無法使用AJAX

我想用ajax這樣無法使用AJAX

$('#category').click(function(event) { 

    category = $("input[name='category']:checked").data("id"); 
    var Html = ""; 

    $.ajax({ 
    type: "POST", 
    data: { 
     'csrfmiddlewaretoken': '{{csrf_token}}', 
     category: category 
    }, 
    url: "{% url 'data_entry' %}", 
    success: function(data) { 

     console.log(data); 

     $.each(data, function(key, object) { 
     $.each(object, function(key, values) { 
      Html = "<div><label>" + object + "</label>" 
      $.each(values, function(key, value) { 
      Html += "<div style='float:left'><input name='" + value + "' type='checkbox' value='" + value + "'><span>" + value + "</span></div>" 
      }); 
     }); 
     }); 

     console.log(Html) 
     $('#attribute').html(Html) 
    }, 
    error: function(response, error) {} 
    }); 
});

結果我得到得到的結果存儲結果是一個數組，看起來像這樣

[Object, Object] 
0 
: 
Object 
color 
: 
Array[3] 
0 
: 
"BLUE" 
1 
: 
"RED" 
2 
: 
"YELLOW" 
length 
: 
3 
__proto__ 
: 
Array[0] 
__proto__ 
: 
Object 
1 
: 
Object 
size 
: 
Array[6] 
0 
: 
"S" 
1 
: 
"M" 
2 
: 
"L" 
3 
: 
"XL" 
4 
: 
"XXL" 
5 
: 
"XXXL" 
length 
: 
6 
__proto__ 
: 
Array[0] 
__proto__ 
: 
Object 
length 
: 
2 
__proto__ 
: 
Array[0]

我試圖環通過數組的所有值並將其存儲在變量Html中，但它只顯示最終的迭代值，即大小數組中存在的值。什麼可能是錯誤的，我該如何解決此錯誤。

來源

2016-08-15 payal arora

順便數據，您需要添加'HTML + ='

';'到''.each（object，function（key，values））''callback的末尾，因爲您有一個'

'（'Html =「」+ object +「」'）你沒有關閉。 – Matt

如何從javascript對象中獲取像大小和顏色的數組名稱？ –

你每次你這樣做的時候重新變量：

Html = "<div><label>"+object+"</label>"

所以它永遠只打算從（外）循環的最後一次迭代具有的值。這聽起來像你意味着追加，而不是分配：

Html += "<div><label>"+object+"</label>"

來源

2016-08-15 15:18:22 David

哦，我得到了它的感謝...我也需要問我怎樣才能從JavaScript對象中獲取像大小和顏色的數組名稱？ –

要使用的JSON你應該添加dataType: "json"你Ajax請求

$.ajax({ 
    url: url, 
    data: data, 
    type: 'POST', 
    dataType: 'json', 
    success: function(data){ 
    //now you can use it as json not as a string as you did before, so all your methods will work 

    } 
})

來源

2016-08-15 15:22:16

回答

相關問題