欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

jquery怎么通過(guò)AJAX從后臺(tái)獲取信息并顯示在表格上

本篇內(nèi)容介紹了“jquery怎么通過(guò)AJAX從后臺(tái)獲取信息并顯示在表格上”的有關(guān)知識(shí),在實(shí)際案例的操作過(guò)程中,不少人都會(huì)遇到這樣的困境,接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!

成都創(chuàng)新互聯(lián)擁有十載成都網(wǎng)站建設(shè)工作經(jīng)驗(yàn),為各大企業(yè)提供成都做網(wǎng)站、成都網(wǎng)站建設(shè)服務(wù),對(duì)于網(wǎng)頁(yè)設(shè)計(jì)、PC網(wǎng)站建設(shè)(電腦版網(wǎng)站建設(shè))、APP應(yīng)用開(kāi)發(fā)、wap網(wǎng)站建設(shè)(手機(jī)版網(wǎng)站建設(shè))、程序開(kāi)發(fā)、網(wǎng)站優(yōu)化(SEO優(yōu)化)、微網(wǎng)站、域名申請(qǐng)等,憑借多年來(lái)在互聯(lián)網(wǎng)的打拼,我們?cè)诨ヂ?lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了很多網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、網(wǎng)絡(luò)營(yíng)銷經(jīng)驗(yàn),集策劃、開(kāi)發(fā)、設(shè)計(jì)、營(yíng)銷、管理等網(wǎng)站化運(yùn)作于一體,具備承接各種規(guī)模類型的網(wǎng)站建設(shè)項(xiàng)目的能力。

具體代碼如下:

//獲取數(shù)據(jù)并顯示數(shù)據(jù)表格
function GetTableData(tableId,ChlickEvent) {
 var table = $(tableId);
 var url=table.data('url');
 $.ajax({
  url: url,
  type: 'post',
  dataType: 'json',
 })
 .done(function (json) {
  var fileds = new Array();
  table.children('thead').children('tr').children('th').each(function (index, el) {
   var field = $(this).data('field');
   fileds[index] = field;
  });
  var tbody = '';
  $.each(json, function (index, el) {
   var tr = "<tr>";
   $.each(fileds, function (i, el) {
    if (fileds[i]) {
     tr += '<td>' + formatJsonData(json[index][fileds[i]]) + '</td>';
    }
   });
   tr += "</tr>";
   tbody += tr;
  });
  table.children('tbody').append(tbody);
  if (ChlickEvent) {//如果需要支持行選中事件
   table.children('tbody').addClass('sel');
   table.children('tbody.sel').children('tr').click(function (event) {
    $(this).siblings('tr').removeClass('active');//刪除其他行的選中效果
    $(this).addClass('active');//增加選中效果
    ChlickEvent($(this).children('td:eq(0)').text());//新增點(diǎn)擊事件
   });
  }
 }).fail(function () {
  alert("Err");
 });
}
//格式化JSON數(shù)據(jù),比如日期
function formatJsonData(jsondata){
 if(jsondata==null){
  return '無(wú)數(shù)據(jù)';
 }
 else if(/\/Date\(\d+\)/.exec(jsondata)){
  var date = new Date(parseInt(jsondata.replace("/Date(", "").replace(")/", ""), 10));
  return date.toLocaleString();
 }
 return jsondata;
}

寫(xiě)的非常簡(jiǎn)單,功能也很少,但是我自己用暫時(shí)足夠了。滿足簡(jiǎn)單需求。

HTML代碼必須以下格式,必須以POST方式獲取JSON數(shù)據(jù),獲取地址寫(xiě)到data-url里,數(shù)據(jù)列名寫(xiě)到data-field里。

支持點(diǎn)擊事件。

用法:

<table id="RoleGroupTable" class="table" data-url="@Url.Action("GetRoleGroups", "Account")">
 <thead>
 <tr>
  <th data-field="ID">ID</th>
  <th data-field="Name">名稱</th>
  <th data-field="Remark">簡(jiǎn)介</th>
 </tr>
 </thead>
 <tbody></tbody>
</table>
<script>
 jQuery(document).ready(function ($) {
 GetTableData('#RoleGroupTable', function (id) {
  alert(id)
 });
 });
</script>

“jquery怎么通過(guò)AJAX從后臺(tái)獲取信息并顯示在表格上”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!

網(wǎng)站名稱:jquery怎么通過(guò)AJAX從后臺(tái)獲取信息并顯示在表格上
網(wǎng)頁(yè)地址:http://aaarwkj.com/article22/jeedcc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供云服務(wù)器、網(wǎng)站導(dǎo)航、手機(jī)網(wǎng)站建設(shè)、ChatGPT、面包屑導(dǎo)航、商城網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都app開(kāi)發(fā)公司
国产免费久久黄av片| 国产精品无卡无在线播放| 不卡视频在线免费观看| 黄色录像一级二级三级| 手机在线观看av大片| 日韩高清午夜片在线观看| 精品综合亚洲中文字幕| 日韩欧美高清一区二区三区| 亚洲天堂免费在线播放| 国产精品久久久久久爽| 97视频精品全部免费观看| 成人一区二区三区乱码| 成人免费激情在线观看| 久久综合午夜福利视频| 成人中文字幕日韩电影| 久久香蕉精品国产亚洲av| 午夜亚洲大片在线观看| 欧美大片免费高清观看| 国产在线麻豆在拍91精品| 麻豆深夜激情在线观看| 久久日韩一区二区三区| 亚洲精品中文字幕久久| 国产精品乱码精品久久久| 亚洲精品国产av一区二区三区 | 中文字幕成人在线电影| 日本电影在线看一区二区| 久草福利在线观看免费| 粉嫩在线一区二区懂色| 日韩精品国产专区一区| 欧美护士激情第一欧美精品| 国产精品欧美久久久久无| 白嫩少妇情久久密月久久| 日本99精品视频10| 亚洲最大av在线精品国产| 亚洲三级伦理在线视频| 国产精品熟女一区二区三区| 日韩欧美亚洲国产一区久久精品| 国产原创中文剧情性感av| 97在线资源视频播放| 亚洲av毛片一区二区| 中文字幕日日夜夜av|