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行的答案

ajax调用后的HTML表行数

1 个答案: