datatables如何和后端进行交互

第一次使用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
            }
          ],
        })
      },

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

阅读 2k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题