私はこのような値を表示している1つのhtmlを持っています。動的テーブル値を追加するには
<table id="myTable">
<tr class="header"></tr>
<tr><td>Germany</td></tr>
<tr><td>Sweden</td></tr>
<tr><td>UK</td></tr>
<tr><td>Germany</td></tr>
<tr><td>Canada</td></tr>
<tr><td>Italy</td></tr>
<tr><td>UK</td></tr>
<tr><td>France</td></tr>
</table>
ここで、テーブルをjson値に依存させたいと思います。そのために私は関数の下に書いていますが、運がうまくいかない理由はわかりません。これらのJSON値をテーブルに追加したいのですが。テーブルは動的でなければなりません。また、URLも動的です。
function foo(myURL,callback) {
var httpRequest = new XMLHttpRequest();
httpRequest.open('GET', myURL,true);
httpRequest.onreadystatechange = function() {
if(httpRequest.readyState === XMLHttpRequest.DONE && httpRequest.status === 200) {
// trigger your callback function
callback(httpRequest.responseText);
}
};
httpRequest.send();
}
foo(function(data) {
var jsonc = JSON.parse(data);
var new_opt="";
for(i=0;i<jsonc.length;i++)
{
new_opt+='<td>'+jsonc[i]['VALUE']+'</td>';
}
document.getElementById('choose').innerHTML =new_opt;
});
マイJSON
[
{
"ID" : 0,
"VALUE" : "United State"
},{
"ID" : 1,
"VALUE" : "United Kingdom"
},{
"ID" : 2,
"VALUE" : "Afghanistan"
},{
"ID" : 3,
"VALUE" : "Aland Islands"
},{
"ID" : 4,
"VALUE" : "Albania"
}
]
それはタイプミスかどうか分からないのですが、あなたはURLなし 'foo'を呼んでいます。 –
id = "choose"の要素はありません! –
@SouhailBenSlimene "choose"はdiv内にあります。テーブルは – David