datatables如何和后端进行交互

发布于 2022-09-07 12:44:48 字数 2351 浏览 22 评论 0

第一次使用datatables,感觉功能很强大但是一直摸不清楚怎么使用。
现在给后端用fnServerData传递参数,会全部变成object

clipboard.png

我datatables的配置为

datatable() {
        $('#example1').dataTable({
          'paging': true,
          'bProcessing': true,
          'searching': true,
          'bServerSide': true,
          "fnServerData" : function(sSource, aDataSet, fnCallback) {
            $.ajax({
              "dataType" : 'json',
              "type" : "GET",
              "headers":{'Authorization': token},
              "url" : 'http://192.168.2.47:8803/api/goods/manager',
              "data" : aDataSet,
              "success" : res=>{
                console.log(res.data.goods.data);
                fnCallback(res.data.goods.data);
              }
            });
          },
          'ordering': true,
          // 'info': true,
          'autoWidth': true,
          'bLengthChange': false,
          'iDisplayLength': 20,
          'bSort': true,
          'oLanguage': {
            "sProcessing": "正在获取数据,请稍后...",
            "sLengthMenu": "显示 _MENU_ 个商品",
            "sZeroRecords": "没有您要搜索的内容",
            "sInfo": "从 _START_ 到  _END_ 个商品,共 _TOTAL_ 个商品",
            "sInfoEmpty": "没有符合条件的商品,",
            "sInfoFiltered": "共 _MAX_ 个商品",
            "sInfoPostFix": "",
            "sSearch": "",
            "sUrl": "",
            "oPaginate": {
              "sFirst": "第一页",
              "sPrevious": "上一页",
              "sNext": "下一页",
              "sLast": "最后一页"
            }
          },
          'aoColumns': [
            {
              'name': 'index'
            }, {
              'name': 'image',
              bSortable: false,
              bSearchable: false
            }, {
              'name': 'name',
              bSortable: false
            }, {
              'name': 'price',
              bSortable: false
            }, {
              'name': 'stock',
              bSearchable: false
            }, {
              'name': 'salesVolume',
              bSearchable: false
            }, {
              'name': 'updateAt'
            }, {
              'name': 'btnBox',
              bSortable: false,
              bSearchable: false
            }
          ],
        })
      },

没搞懂这个到底怎么弄,求解求解。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文