表数据未从我的JavaScript代码插入到我的表中
我对JavaScript非常陌生。我正在尝试使用Javascript将一些对象数据插入到我的表中。但不幸的是,我的代码不起作用。我不清楚哪里出了问题。请在下面找到我的代码。任何帮助都会对我很有帮助表数据未从我的JavaScript代码插入到我的表中,javascript,Javascript,我对JavaScript非常陌生。我正在尝试使用Javascript将一些对象数据插入到我的表中。但不幸的是,我的代码不起作用。我不清楚哪里出了问题。请在下面找到我的代码。任何帮助都会对我很有帮助 function myFunction(){ var data = '{ "name":"John", "age":30, "city":"New York"}' var obj = JSON.parse(data); var toSHow = document.getElementB
function myFunction(){
var data = '{ "name":"John", "age":30, "city":"New York"}'
var obj = JSON.parse(data);
var toSHow = document.getElementById("datum");//my table ID is datum
var empData = "";
for(var i=0; i<obj.length; i++)
empData += '<tr>';
empData += '<td>'+data.name+'</td>';
empData += '<td>'+data.age+'</td>';
empData += '<td>'+data.city+'</td>';
empData += '</tr>';
}
}
toSHow.append(empData);
</script>
函数myFunction(){
var data='{“姓名”:“约翰”,“年龄”:30,“城市”:“纽约”}'
var obj=JSON.parse(数据);
var toSHow=document.getElementById(“数据”);//我的表ID是数据
var-empData=“”;
对于(var i=0;i我猜您可能需要使用obj.name、obj.age和obj.city来代替数据。name、age和city您可能需要使用obj.name、obj.age和obj.city来代替数据。name、age和city变量empData
在myFunction
中定义,在其外部未定义。empData在myFunction中被罚款,在其外部未被定义。我对您的代码进行了一些调整,并对其进行了评论:
function myFunction(){
var data = '[{"name":"John", "age":30, "city":"New York"}, {"name":"Doe", "age":25, "city":"LA"}]' // Converted to array and added second element for example
var obj = JSON.parse(data);
var toSHow = document.getElementById("datum");//my table ID is datum
for(var i=0; i < obj.length; i++) {
// Reset empData every loop
var empData = "";
// Create new element to attach instead of adding plain text
var newTr = document.createElement('tr');
// Get data from object by index
empData += '<td>'+obj[i].name+'</td>';
empData += '<td>'+obj[i].age+'</td>';
empData += '<td>'+obj[i].city+'</td>';
// Set table data
newTr.innerHTML = empData;
// Append row every loop
toSHow.append(newTr);
}
}
函数myFunction(){
var data='[{“name”:“John”,“age”:30,“city”:“newyork”},{“name”:“Doe”,“age”:25,“city”:“LA”}]//转换为数组并添加第二个元素,例如
var obj=JSON.parse(数据);
var toSHow=document.getElementById(“数据”);//我的表ID是数据
对于(变量i=0;i
我对您的代码做了一些调整,并对其进行了评论:
function myFunction(){
var data = '[{"name":"John", "age":30, "city":"New York"}, {"name":"Doe", "age":25, "city":"LA"}]' // Converted to array and added second element for example
var obj = JSON.parse(data);
var toSHow = document.getElementById("datum");//my table ID is datum
for(var i=0; i < obj.length; i++) {
// Reset empData every loop
var empData = "";
// Create new element to attach instead of adding plain text
var newTr = document.createElement('tr');
// Get data from object by index
empData += '<td>'+obj[i].name+'</td>';
empData += '<td>'+obj[i].age+'</td>';
empData += '<td>'+obj[i].city+'</td>';
// Set table data
newTr.innerHTML = empData;
// Append row every loop
toSHow.append(newTr);
}
}
函数myFunction(){
var data='[{“name”:“John”,“age”:30,“city”:“newyork”},{“name”:“Doe”,“age”:25,“city”:“LA”}]//转换为数组并添加第二个元素,例如
var obj=JSON.parse(数据);
var toSHow=document.getElementById(“数据”);//我的表ID是数据
对于(变量i=0;i
嘿!即使在实现了此代码之后也没有得到结果。我需要在HTML中添加更多参数吗?我在这里实现了它:你确定要调用函数吗?太好了,亲爱的!因为我是JavaScript新手,所以我犯的错误是没有在循环外调用它。谢谢你的努力。这对我帮助很大。顺便说一下,这将是(更)现代的JS中的代码:(可能会破坏旧的IE版本)嘿!即使在实现了这段代码之后也没有得到结果。我需要在我的HTML中添加更多的参数吗?我在这里实现了它:你确定要调用这个函数吗?太好了,亲爱的!因为我是JavaScript新手,我犯的错误是没有在循环外调用它。谢谢你的努力。这对我帮助很大。顺便说一下,这uld是(更)现代JS中的代码:(可能会打破旧的IE版本)你能建议我需要在代码中声明empData
的位置吗?你能建议我需要在代码中声明empData
的位置吗。