Javascript 我的输入返回未定义的数据，即使数据是catch。使用crudjs 我应该根据main.js脚本（JSon格式）中的可用数据自动生成表。数据加载没有问题，因为数据可以显示在我的html文件中。但是，当我的数据在自动生成的表中未定义返回时，当我单击“添加”按钮更新表中的数据时，问题就出现了。当我点击编辑按钮时，数据被正确获取。仅当显示时，它返回未定义的值
我知道有多老了。 这里我附上我所做的数据的代码和样本。 希望这能帮助像我这样在undrsntdng CRUD遇到麻烦的应届毕业生Javascript 我的输入返回未定义的数据，即使数据是catch。使用crudjs 我应该根据main.js脚本（JSon格式）中的可用数据自动生成表。数据加载没有问题，因为数据可以显示在我的html文件中。但是，当我的数据在自动生成的表中未定义返回时，当我单击“添加”按钮更新表中的数据时，问题就出现了。当我点击编辑按钮时，数据被正确获取。仅当显示时，它返回未定义的值,javascript,crud,Javascript,Crud,我知道有多老了。 这里我附上我所做的数据的代码和样本。 希望这能帮助像我这样在undrsntdng CRUD遇到麻烦的应届毕业生 国家积垢 输入[type='submit']，按钮[aria标签]{ 光标：指针； } #扰流器{ 显示：无； } ✖ 国家 人口 var app=新函数（） {this.el=document.getElementById（'countries'和'popultns'）； //this.el=document.getElementById（'po
国家积垢
输入[type='submit']，按钮[aria标签]{
光标：指针；
}
#扰流器{
显示：无；
}
✖
国家
人口
var app=新函数（）
{this.el=document.getElementById（'countries'和'popultns'）；
//this.el=document.getElementById（'popultns'）；
让loadTableData=data2；
this.Count=函数（数据）
{var el=document.getElementById（'counter'）；
变量名称='country2'；
var pop='popu2'
如果（数据）
{如果（数据>1）
{名称='国家'；
pop=“人口”；
}
el.innerHTML=数据+“”+名称+“”+弹出；
}
其他的
{el.innerHTML='No'+name+''+pop；}
};
this.FetchAll=function（）
{var data=''；
如果（loadTableData.length>0）
{for（i=0；i
国家积垢
输入[type='submit']，按钮[aria标签]{
光标：指针；
}
#扰流器{
显示：无；
}
✖
国家
人口
var app=新函数（）
{this.el=document.getElementById（'countries'和'popultns'）；
//this.el=document.getElementById（'popultns'）；
让loadTableData=data2；
this.Count=函数（数据）
{var el=document.getElementById（'counter'）；
变量名称='country2'；
var pop='popu2'
如果（数据）
{如果（数据>1）
{名称='国家'；
pop=“人口”；
}
el.innerHTML=数据+“”+名称+“”+弹出；
}
其他的
{el.innerHTML='No'+name+''+pop；}
};
this.FetchAll=function（）
{var data=''；
如果（loadTableData.length>0）
{for（i=0；i<body>
<form action="javascript:void(0);" method="POST" onsubmit="app.Add()">
<input type="text" id="add-name" placeholder="New country ">
<input type="number" id="add-popu" placeholder="New population">
<input type="submit" value="Add">
</form>
<div id="spoiler" role="aria-hidden">
<form action="javascript:void(0);" method="POST" id="saveEdit">
<input type="text" id="edit-name">
<input type="text" id="edit-popu">
<input type="submit" value="Ok" /> <a onclick="CloseInput()" aria-label="Close">✖</a>
</form>
</div>
<p id="counter"></p>
<table>
<tr>
<th>Country</th>
<th>Population</th>
</tr>
<tbody id="countries"></tbody>
<tbody id="popultns"></tbody>
</table>
<script type="text/javascript" src="main.js"></script>
<script>
var app = new function()
{ this.el = document.getElementById('countries');
this.el = document.getElementById('popultns');
let loadTableData = data2;
this.Count = function(data)
{ var el = document.getElementById('counter');
var name = 'country2';
var pop = 'popu2'
if (data)
{ if (data > 1)
{ name = 'countries' ;
pop = "popultns" ;
}
el.innerHTML = data + ' ' + name + ' ' + pop ;
}
else
{ el.innerHTML = 'No ' + name + ' ' + pop ; }
};
this.FetchAll = function()
{ var data = '';
if (loadTableData.length > 0)
{ for (i = 0; i < loadTableData.length; i++)
{ data += '<tr>';
data += '<td>' + loadTableData[i].country + '</td>';
data += '<td>' + loadTableData[i].population + '</td>';
data += '<td><button onclick="app.Edit(' + i + ')">Edit</button></td>';
data += '<td><button onclick="app.Delete(' + i + ')">Delete</button></td>';
data += '</tr>';
}
}
this.Count(loadTableData.length);
return this.el.innerHTML = data;
};
this.Add = function ()
{ el = document.getElementById('add-name');
el2 = document.getElementById('add-popu');
// Get the value
var country2 = el.value;
var pop = el2.value;
if (country2)
{ // Add the new value
loadTableData.push(country2.trim() );
// Reset input value
el.value = '';
//el2.value = '';
// Dislay the new list
this.FetchAll();
}
};