首页 > 其他分享 >datatables使用ajax获取数据

datatables使用ajax获取数据

时间:2024-10-11 17:43:26浏览次数:11  
标签:datatables get data lst 获取数据 ajax result div true

前端:

//初始化datatable
var table3 = $('.jiaoshi_lst').DataTable({ "processing": true, "serverSide": true, "paging": true, "ordering": false, "searching": false, "select": true, "ajax": { url: "get_lst", type: "get", dataType: 'json' }, "columns": [ { 'data': null, "render": function (data, type, full, meta) { var div = `<div class="dt-checkbox"> <input type="checkbox" name="select_all" value="`+ data.id + `" id="example-select-all"> <span class="dt-checkbox-label"></span> </div>`; return div; } }, { 'data': 'id' }, { 'data': 'classroom' }, { 'data': 'area' }, { 'data': 'loudong' }, { 'data': 'id', "render": function (data, type, full, meta) { var div = `<a href="javascript:;" class="btn-sm btn-primary btn-edit mm-margin-right"><i class='fa fa-pencil'></i></a> <a href="javascript:;" class="btn-sm btn-danger btn-del" data-uid="${data}"><i class='fa fa-times'></i></a>`; return div; } }, ] });

 

 

后台:

 function room_get_lst()
  {
    $offset = $this->input->get('start');
    $pager = $this->input->get('length');
    $result = [
      'draw' => $this->input->get('draw'),
      'recordsTotal' => $this->db->get('shebei')->num_rows(),
      'recordsFiltered' => $this->db->get('shebei')->num_rows(),
      'data' => $this->db->select('id,area,loudong,classroom')->limit($pager, $offset)->get('jiaoshi')->result_array()
    ];

    $rs = json_encode($result);
    die($rs);
    echo $rs;
  }

 

翻译

搜索

复制

标签:datatables,get,data,lst,获取数据,ajax,result,div,true
From: https://www.cnblogs.com/haokan/p/18458985

相关文章

  • Ajax面试题:(第二天)
    目录5.http常见状态码有哪些?6.GET和POST的区别,何时使用POST?7.JSON是什么?JSON和JavaScript普通对象有什么区别?如何把JS对象转化为JSON字符串,又如何把JSON字符串转化为JavaScript对象?8.什么是ajax?ajax作用是什么?5.http常见状态码有哪些?小谷来帮你1XX:信息状态码2XX:成......
  • BasicAjax
    BasicAjaxAjax定义:用JavaScript执行异步网络请求资料codefunctionsuccess(text){vartextarea=document.getElementById('test-response-text');textarea.value=text;}functionfail(code){vartextarea=document.getElementById('test-respon......
  • 帝国CMS GBK编码使用AJAX提交数据中文乱码问题!
    在帝国CMS使用GBK编码的环境中,通过AJAX提交数据时可能会遇到中文乱码的问题。这是因为AJAX默认使用UTF-8编码,而帝国CMS使用的是GBK编码。解决这个问题的关键是在接收数据的PHP文件中对数据进行编码转换。解决方案在接收数据的PHP文件中进行编码转换:使用 iconv 函数将接收......
  • 在Android开发中获取数据的方法有哪些?
    目录1.从SharedPreferences获取数据2.从数据库(SQLite)获取数据3.从文件中读取数据4.从网络请求获取数据(使用HttpURLConnection或OkHttp)5.从内容提供者(ContentProvider)获取数据6.从Intent获取数据7.从Bundle获取数据8.从传感器获取数据9.......
  • JavaScript初学必备 之 初识ajax
    今日推荐歌曲:遇见一、ajax介绍1、学习前提需要有以下基础:HTML和CSS基础JavaScript基础2、什么是ajax?(1)、全称ajax===asyncJavascriptandxml(ajax===异步JavaScript和XML),ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。async:异步x......
  • 【漏洞复现】孚盟云oa AjaxSendDingdingMessage接口 存在sql注入漏洞
    》》》产品描述《《《        孚盟与阿里强强联手将最受青睐的经典C系列产品打造成全新的孚盟云产品,让用户可以用云模式实现信息化管理,让用户的异地办公更加流畅,大大降低中小企业在信息化上成本,用最小的投入享受大型企业级别的信息化服务,使中小企业在网络硬件环境、......
  • 一个简单的ajax案例
    $.ajax({  url:'192.168.1.108:8080/Test/GetPersonInfo',//替换为你的API端点URL  type:'POST',//指定请求类型为POST  contentType:'application/json',//发送数据到服务器时所使用的内容类型  data:JSON.string......
  • Django+Echarts+Ajax动态加载横、纵坐标数据
    前端html页面(不是重点,可以直接不看):<!--第三部分可视化展示模块start--><divid="diff_analysis3_graphic"style="width:1200px;margin:0auto;margin-top:40px;"><divclass="StatHomemainHeaderStyle">&......
  • 说一下你对ajax的理解,如何实现一个ajax请求
    ajax即Asynchronous JavascriptandXML的缩写,指的是通过javascript的异步通信,从服务器获取XML文档从中提取数据,再更新当前网页的对应部分,而不用刷新整个网页。创建Ajax请求的步骤1.创建一个XMLHttpRequest对象2.在这个对象上使用open方法创建一个Http请求,open方法所需......
  • 为什么要使用API接口获取数据?
    在当今数字化和信息化的时代,数据已成为企业和开发者最宝贵的资产之一。API(应用程序编程接口)作为一种标准化的数据获取方式,正在迅速成为获取和共享数据的首选手段。本文将探讨为什么使用API接口获取数据是现代开发的最佳实践。1.高效的数据访问API接口提供了一种高效的方式......