Ten artykuł jest lustrzanym artykułem tłumaczenia maszynowego, kliknij tutaj, aby przejść do oryginalnego artykułu.

Architect_Programmer_Code Sieć Rolnicza»Architekt › Projektowanie front-endu i strona internetowa › Rama przednia › Jquery dataTable dynamicznie ładuje dane dla zapytań ajax
Widok: 18687|Odpowiedź: 0

[Szarpanie] Jquery dataTable dynamicznie ładuje dane dla zapytań ajax

[Skopiuj link]
Opublikowano 02.11.2015 18:43:40 | | | |


Kod recepcji:

  1. <table id="example1" class="table table-bordered table-striped">
  2.                             <thead>
  3.                                 <tr>
  4.                                     <th>站点名称</th>
  5.                                     <th>站点域名</th>
  6.                                     <th>认证方式</th>
  7.                                 </tr>
  8.                             </thead>
  9.                             <tbody id="aaaa">
  10.                                 
  11.                             </tbody>
  12.                             <tfoot>
  13.                                 <tr>
  14.                                     <th>Rendering engine</th>
  15.                                     <th>Browser</th>
  16.                                     <th>Platform(s)</th>
  17.                                 </tr>
  18.                             </tfoot>
  19.                         </table>
Skopiuj kod
  1. $('#example1').dataTable({
  2.                 "bPaginate": true,
  3.                 "bLengthChange": false,
  4.                 "bSort": true,
  5.                 "bInfo": true,
  6.                 "bAutoWidth": false,
  7.                 "bFilter": true,
  8.                 "ajax": '/Login/Data',
  9.                 "columns": [
  10.                     { "data": "name" },
  11.                     { "data": "bewrite" },
  12.                     { "data": "Descrip{过滤}tion" }
  13.                 ],
  14.                 "oLanguage": {
  15.                     "sLengthMenu": "每页显示 _MENU_ 条记录",
  16.                     "sZeroRecords": "对不起，查询不到任何相关数据",
  17.                     "sInfo": "当前显示 _START_ 到 _END_ 条，共 _TOTAL_ 条记录",
  18.                     "sInfoEmtpy": "找不到相关数据",
  19.                     "sInfoFiltered": "数据表中共为 _MAX_ 条记录)",
  20.                     "sProcessing": "正在加载中...",
  21.                     "sSearch": "搜索",
  22.                     "sUrl": "", //多语言配置文件，可将oLanguage的设置放在一个txt文件中，例：Javascrip{过滤}t/datatable/dtCH.txt
  23.                     "oPaginate": {
  24.                         "sFirst": "第一页",
  25.                         "sPrevious": " 上一页 ",
  26.                         "sNext": " 下一页 ",
  27.                         "sLast": " 最后一页 "
  28.                     }
  29.                 }
  30.             });
Skopiuj kod
Kod tła:

  1. [HttpGet]
  2.         public JsonResult Data()
  3.         {
  4.             List<BLL.Models.GetDictionary> list = BLL.Until.GetUserInfo.GetUser();
  5.             return Json(new { data = list },JsonRequestBehavior.AllowGet);
  6.         }
Skopiuj kod
Należy zauważyć, że dataTable domyślnie pobiera żądania, post nie żąda danych, a następnie json musi ustawić JsonRequestBehavior.AllowGet tak, aby zezwolić na wszystkie metody żądań get.

Na koniec załączono oficjalną dokumentację: https://datatables.net/examples/ajax/




Poprzedni:Bootstrap Datatable to prosta, podstawowa konfiguracja
Następny:Ponieważ nie ma ukrytej konwersji między &lt;null&gt; a System.DateTime

Powiązane wpisy
Zrzeczenie się:
Całe oprogramowanie, materiały programistyczne lub artykuły publikowane przez Code Farmer Network służą wyłącznie celom edukacyjnym i badawczym; Powyższe treści nie mogą być wykorzystywane do celów komercyjnych ani nielegalnych, w przeciwnym razie użytkownicy ponoszą wszelkie konsekwencje. Informacje na tej stronie pochodzą z Internetu, a spory dotyczące praw autorskich nie mają z nią nic wspólnego. Musisz całkowicie usunąć powyższą zawartość z komputera w ciągu 24 godzin od pobrania. Jeśli spodoba Ci się program, wspieraj oryginalne oprogramowanie, kup rejestrację i korzystaj z lepszych, autentycznych usług. W przypadku naruszenia praw prosimy o kontakt mailowy.
Mail To:help@itsvse.com