用javascript插入數組值表格單元格

我需要在表格中插入一些值。所有值都包含在從Ajax/PHP的請求，這樣的返回數組：用javascript插入數組值表格單元格

var data = []; 

//Consider that the number of the object (in this case only 3) obtained from the server are equal to the number of rows in tbody (6 rows in tbody = 6 object from server). 

data[0] = {From: '01/01/2012', To: '01/01/2013', Interest: 80.00, Residual: 0, Capital: 1000.00, Days: 366}; 
data[1] = {From: '01/01/2013', To: '01/01/2014', Interest: 85.00, Residual: 0, Capital: 980.00, Days: 365}; 
data[2] = {From: '01/01/2014', To: '29/04/2014', Interest: 20.00, Residual: 75.00, Capital: 980.00, Days: 118};

這是一個有點棘手解釋如何值必須在表中插入，所以我創建了結果的小提琴我想要得到。我不指望你給我最後的結果（當然，這將是歡迎:)），但至少有一些想法從哪裏開始。

FIDDLE

**編輯

我分配的ID細胞和現在的所有值都正確插入。這是更新的小提琴，你認爲代碼可以寫得更優雅嗎？

UPDATE FIDDLE

來源

2014-04-29 fasenderos

開始分配各自的id的單元格，如果這是在你的控制。做所需的計算並填充相應的單元格。 – Puneet

我正在嘗試您的建議 – fasenderos

我可以看到數據從AJAX/PHP的請求而返回的是JSON格式。因此，要將它們插入HTML表格中，您可以使用JQuery。

實例（如你給出的樣本數據）：

function buildDataTableHtml(data){ 
    var tableHtml = "<table><tr>"; 
    tableHtml += "<th>From</th>"; 
    tableHtml += "<th>To</th>"; 
    tableHtml += "<th>Interest</th>"; 
    tableHtml += "<th>Residual</th>"; 
    tableHtml += "<th>Capital</th>"; 
    tableHtml += "<th>Days</th>"; 
    tableHtml += "</tr>"; 

    $.each(data, function(i, v){ 
     tableHtml += "<tr>"; 
     tableHtml += "<td>" + v.From + "</td>"; 
     tableHtml += "<td>" + v.To + "</td>"; 
     tableHtml += "<td>" + v.Interest + "</td>"; 
     tableHtml += "<td>" + v.Residual + "</td>"; 
     tableHtml += "<td>" + v.Capital + "</td>"; 
     tableHtml += "<td>" + v.Days + "</td>"; 
     tableHtml += "</tr>"; 
    }); 
    tableHtml += "</table>"; 

    return tableHtml; 
}

如果你使用這個JavaScript函數（jQuery一起），那麼這個函數將返回你想要一個表的HTML。希望這會對你有所幫助

注意：我只是在答案框中寫下來，並沒有試圖確定它是否正常工作。但希望代碼可以工作。 :)

來源

2014-04-29 11:20:20 Iftekher

用javascript插入數組值表格單元格

回答

相關問題