2016-12-03 9 views
-1

私はajax呼び出しから取得するJSONデータを表示しようとしていますが、データを表示できません。JSONをHTMLに表示する方法

この私の機能:

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:私は私のHTMLにこのJSONを表示することができますどのように

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

答えて

1

JSONデータは、要素が1つの配列ですが、配列の要素ではなくオブジェクトのプロパティにアクセスしようとしているrunbiosis関数内の配列です。

あなたはこれを試すことができます - それは同じコードであることに注意していますが、返される配列の最初の(そして唯一の)要素のjk財産取得している:

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