AJAX请求表格和显示表格，而无需部分

Question

提交表单时是否可能发送AJAX请求，然后在表格下方显示列表？如果使用Razor foreach，我的页面将被重新加载。我将使用部分观察来解决这个问题。

我可以使用Ajax提交并返回列表吗？如果Ajax请求成功，我可以创建代码bellow。

for (int i = 0; i < data.lenght; i++) {
  $('#MyElement').append('tr' +
    '<td>' + data.Id + '</td>' +
    '<td>' + data.Name + '</td>' +
    +'</tr>');
}

我尝试过，但没有成功。我想知道是否可能，或者只是部分观看。

Answer 1

首先，将lenght更改为length。通过使用console.log(data)检查data是否正确获取(检查您的浏览器控制台(。如果数据是在控制台中打印的，并且您仍然无法循环并将数据附加到HTML DOM，则使用以下方式：

$.each(data,function(index, dataValue){
   $('#myElement').append('<tr>'+'<td>' + dataValue.Id + '</td>' + '<td>' + dataValue.Name + '</td>' + '</tr>'
   )
})