顯示json數組中的所有項目

我正在嘗試使用json，而且我幾乎有我需要的東西。我得到正確的信息顯示，但我必須將數組的每個項目傳遞給一個變量，然後打印該變量。我想顯示每個數組中的所有項目。我正在使用的json數據來自一個發票應用程序（www.curdbee.com），我試圖爲客戶顯示每張發票。我想要顯示的數據是每個訂單項，訂單項價格和總金額。這裏是我的代碼：顯示json數組中的所有項目

$(document).ready(function() { 


    $.getJSON('https://nspirelab.curdbee.com/invoices.json?api_token=__token__', function(data){ 
     $.each(data, function(index, item){ 
      var total = item.invoice.total_billed; 
      var lineItemName1 = item.invoice.line_items[0].name_and_description; 
      var lineItemName2 = item.invoice.line_items[1].name_and_description; 
      var lineItemPrice1 = item.invoice.line_items[0].price; 
      var lineItemPrice2 = item.invoice.line_items[1].price; 

      $('#results').append('<div class="lineItem"><ul><li>' + lineItemName1 + lineItemPrice1 + '</li><li>' + lineItemName2 + lineItemPrice2 + '</li><li>' + total + '</li></ul></div>'); 
     }); 

    }); 

});

來源

2012-05-21 user715564

您的API令牌顯示。 – jmort253

即使這樣，它仍然可能出現在數據轉儲中，這裏沒有任何東西真的被刪除。我強烈建議獲得一個新的令牌，只是爲了安全:) – jmort253

Yikes謝謝！我得到了一個新的令牌以保證安全。 – user715564

嵌套循環（或者，在jQuery中，嵌套$.each()）將做的工作：

$.getJSON('https://nspirelab.curdbee.com/invoices.json?api_token=&client=104929', function(data){ 
    $.each(data, function(index, item){ 
     // create an empty ul (initially disconnected from the DOM) 
     var $ul = $("<ul/>"); 

     // iterate over the line items 
     $.each(item.invoice.line_items, function(i, lineItem) { 
     // create an li element with the line details and append 
     // it to the ul 
     $ul.append($("<li/>").html(lineItem.name_and_description + lineItem.price)); 
     }); 

    // add the totals to the end of the ul 
    $ul.append($("<li/>").html(item.invoice.total_billed)); 

    // create a new div, append the ul to it, and append the div to results 
    $('#results').append($('<div class="lineItem"/>').append($ul)); 
    }); 
});

來源

2012-05-21 04:09:57 nnnnnn

有一些荒謬的圖書館，使這樣的事情更容易。做一個「javascript模板」的搜索，看看你已經錯過了什麼，並瞭解你可以爲此選擇的各種庫。

來源

2012-05-21 04:04:34

好的非常感謝。我是js/jquery/json的新手，所以我一定會看看javascript模板。 – user715564

很酷。當你深入研究時，不會感到不知所措......這真的很荒謬，有多少人認爲自己「嘿，你知道這個世界需要什麼嗎？另一個模板庫，我今天會建立它」。對於典型的使用情況，他們的區域幾乎相同，所以不要着重選擇正確的區域 –

如果我正確理解你的問題，我認爲你正在尋找的是某種迭代機制，請嘗試underscore.js。

來源

2012-05-21 04:09:31 dhilipsiva

顯示json數組中的所有項目

回答

相關問題