JSON से HTML तालिका रूपांतरण के लिए jQuery का सरलीकृत दृष्टिकोण

JSON सारणियों को HTML तालिकाओं में परिवर्तित करना एक कठिन काम हो सकता है, लेकिन jQuery प्रक्रिया को सरल बनाता है नाटकीय रूप से।

JSON सरणी से एक तालिका उत्पन्न करने के लिए, का उपयोग करें डेटा पुनः प्राप्त करने के लिए getJSON() फ़ंक्शन:

$.getJSON(url , function(data) {

इसके बाद, टेबल बॉडी बनाएं:

var tbl_body = "";

तालिका बनाने के लिए JSON सरणी पंक्तियों और स्तंभों पर पुनरावृति करें सेल:

$.each(data, function() {
    var tbl_row = "";
    $.each(this, function(k , v) {
        tbl_row  = "<td>" v "</td>";
    });

छोड़ी जाने वाली कुंजियों की जांच के लिए एक ऑब्जेक्ट जोड़कर विशिष्ट फ़ील्ड को बाहर निकालें:

var expected_keys = { key_1 : true, key_2 : true, key_3 : false, key_4 : true };

बाहर की जाने वाली कुंजियों की जांच के लिए if शर्त जोड़ें:

if ( ( k in expected_keys ) && expected_keys[k] ) {
...
}

तालिका के मुख्य भाग को लक्ष्य HTML तत्व में जोड़ें:

$("#target_table_id tbody").html(tbl_body);

वैकल्पिक रूप से, बेहतर सुरक्षा के लिए, उपयोग करें नीचे इंजेक्शन-मुक्त संस्करण:

$.getJSON(url , function(data) {
    var tbl_body = document.createElement("tbody");
    var odd_even = false;
    $.each(data, function() {
        var tbl_row = tbl_body.insertRow();
        $.each(this, function(k , v) {
            var cell = tbl_row.insertCell();
            cell.appendChild(document.createTextNode(v.toString()));
        });        
    });            
    $("#target_table_id").append(tbl_body);   
});