html - ajax调用后的HTML表格行数

Question

我可以实现这个更简单的方式吗？在这里，我在 html 表中填充了我的请求...我的表如下：

<table>
<tr>
<td>
request number
</td>
<td align="center">
approve
</td>
<td align="center">
reject
</td>
<td align="center">
query
</td>
</tr>
</table>

如您所见，我的 html 代码中只有一行...但是在 ajax 调用之后，我的表中填充了几行请求..

现在完成此操作后，我必须获取表格行数并将其显示在我的<h2>pending requests(<span></span>)</h2>

LIKE :
待处理请求(9)...其中 9 是待处理请求的数量。

Answer 1

您可以使用类似这样的方法来获取 DOM 中的行数

var noOfRows = $('table tr').length;

更新

所以假设一个json结构

{"responses":
 [
  {
   "title":"Title 1",
   "message":"This is message 1"
  },
  {
   "title":"Title 2",
   "message":"This is message 2"
  }
 ]
}

并假设一个 ajax 调用如下：

$.ajax({ 
 url: urlToHandler, 
 data:JSON.stringify(
 {login:
  {"loginid":userid,"reqType":"R"}
 }), 
 type: 'POST', 
 dataType:"json", 
 contentType: 'application/json', 
 success: function(data) { 
  $.each(data.responses, function(i,data){
   var newRow = $('<tr><td>' + data.title + '</td><td>' + data.message + '</td></tr>')
   $(newRow).appendTo('table');
  };
 };
});

现在，如果您计算行数

var noOfRows = $('table tr').length;

您应该得到超过 1 Row 的答案