이 글은 기계 번역의 미러 문서이며, 원본 기사로 바로 이동하려면 여기를 클릭해 주세요.

Architect_Programmer_Code 농업 네트워크»건축가 › 프론트엔드 디자인 및 웹 › 프론트엔드 프레임 › Jquery dataTable은 ajax 요청에 대해 동적으로 데이터를 로드합니다
보기: 18687|회답: 0

[Jquery] Jquery dataTable은 ajax 요청에 대해 동적으로 데이터를 로드합니다

[링크 복사]
게시됨 2015. 11. 2. 오후 6:43:40 | | | |


프런트 데스크 코드:

  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>
코드 복사
  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.             });
코드 복사
배경 코드:

  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.         }
코드 복사
dataTable은 기본적으로 get request를 사용하고, post는 데이터를 요청하지 않으며, json은 모든 get request 메서드를 허용하려면 JsonRequestBehavior.AllowGet을 설정해야 합니다.

마지막으로 공식 문서가 첨부되어 있습니다: https://datatables.net/examples/ajax/




이전의:부트스트랩 데이터테이블은 간단한 기본 구성입니다
다음:&lt;null&gt;와 System.DateTime 사이에 암묵적인 변환이 없기 때문입니다

관련 게시물
면책 조항:
Code Farmer Network에서 발행하는 모든 소프트웨어, 프로그래밍 자료 또는 기사는 학습 및 연구 목적으로만 사용됩니다; 위 내용은 상업적 또는 불법적인 목적으로 사용되지 않으며, 그렇지 않으면 모든 책임이 사용자에게 부담됩니다. 이 사이트의 정보는 인터넷에서 가져온 것이며, 저작권 분쟁은 이 사이트와는 관련이 없습니다. 위 내용은 다운로드 후 24시간 이내에 컴퓨터에서 완전히 삭제해야 합니다. 프로그램이 마음에 드신다면, 진짜 소프트웨어를 지원하고, 등록을 구매하며, 더 나은 진짜 서비스를 받아주세요. 침해가 있을 경우 이메일로 연락해 주시기 바랍니다.
Mail To:help@itsvse.com