0

これをさらに簡単な方法で達成できますか? ここでは、リクエストを 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 コードには 1 行しかありません...しかし、ajax 呼び出しの後、テーブルには複数のリクエスト行が入力されます..

これが完了したら、テーブルの行数を取得して、それを<h2>pending requests(<span></span>)</h2>

LIKE :
pending requests(9)...ここで、9 は保留中のリクエストの数です。

4

1 に答える 1

0

このようなものを使用して、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 行以上の回答が得られるはずです

于 2013-01-23T13:17:48.377 に答える