JQuery通过AJAX从后台获取信息显示在表格上并支持行选中

public ActionResult GetDictTypes(){  var data = from a in dbo.DictTypes        select new DictTypeListViewModel        {          ID = a.ID,          Name = a.Name,          LastChangeUser = a.LastChangeUser,          LastChangeDate = a.LastChangeDate,          Remark = a.Remark        };  return Json(data.ToList());}

<table class="table" id="DictTypeTable"> <thead>  <tr>   <th>ID</th>   <th>标题</th>   <th>简介</th>  </tr> </thead> <tbody class="sel"></tbody></table>

function ShowDictType() {  $('#DictTypeTable').children('tbody').empty();  $.ajax({    url: GetDictTypes_URL,    type: 'post',    dataType: 'json'  })   .done(function (data) {     var tbody = "";     $.each(data, function (index, el) {       var tr = "<tr>";       tr += "<td>" + el.ID + "</td>";       tr += "<td>" + el.Name + "</td>";       tr += "<td>" + el.Remark + "</td>";       tr += "</tr>";       tbody += tr;     });     $('#DictTypeTable').children('tbody').append(tbody);     BindDictTypeTableEvent();//这里是绑定事件   })   .fail(function () {     alert("Err");   });}

function BindDictTypeTableEvent() {  $('#DictTypeTable tbody.sel').children('tr').click(function (event) {    $(this).siblings('tr').removeClass('active');//删除其他行的选中效果    $(this).addClass('active');//增加选中效果    var id = $(this).children('td:eq(0)').text();//获取ID    ShowDictData(id);//操作代码，这里是显示另一个表格数据  });}

function GetTypeTableSelectId() {  return $('#DictTypeTable tbody.sel tr.active td:eq(0)').text();}