如何在HTML中顯示JSON

Question

我試圖顯示從ajax調用中檢索到的JSON數據，但我無法顯示任何數據。

這是我的功能：

function runbiosis(){ 
    var url = site_url+"Biodata/runbiosis"; 
    $.getJSON(url,function(data) { 
    $('#jk').val(data.jk); 
    $('#agama').val(data.agama); 
    }); 
}; 

JSON：

[{ 
    "jk": "Laki-Laki", 
    "agama": "islam" 
}] 

HTML：

<input type="text" id="jk" name="nama" required> 
<input type="text" id="agama" name="nama" required> 

我怎樣才能顯示此JSON在我的HTML？

Answer 1

您的JSON數據是一個包含單個元素的數組，但在您試圖訪問對象的屬性而不是數組元素的runbiosis函數中。

你可以試試這個 - 注意這是相同的代碼，但是你所得到的數組的第一個（也是唯一一個）元素返回的jk屬性：

function runbiosis(){ 
    var url = site_url+"Biodata/runbiosis"; 
    $.getJSON(url,function(data) { 
    $('#jk').val(data[0].jk); 
    $('#agama').val(data[0].agama); 
    }); 
};