角數據表服務器端的搜索請求返回空對象

Question

問題

我使用服務器端分頁和搜索，分頁工作正常，但是當我輸入一些文字到搜索框會自動地發送請求到服務器，它立即返回空對象，但它也爲分頁工作帶來「recordsTotal」。這意味着一個查詢正在執行，但第二個不是。

API測試使用郵遞員

我測試過的API使用郵遞員，什麼都搜索字符串我送，這讓我想起了相應的結果，但是當我通過搜索框發送（從前端）它只是簡單地將不起作用

這是我的控制器代碼：

我故意評論說：「fnCallback（記錄）」，但我安慰「的console.log（結果）」的結果陣列從後端API返回

angular.module('withServerSide', ['datatables']) 
.controller('withServerSideController', function WithPromiseController($scope, DTOptionsBuilder, DTColumnBuilder, filterService) 
{ 
    $scope.dtColumns = [ 
     DTColumnBuilder.newColumn('es_officer_id', 'Id').withOption('searchable', true), 
     DTColumnBuilder.newColumn('es_officer_name', 'Name').withOption('searchable', true) 
    ]; 

    $scope.dtOptions = DTOptionsBuilder 
     .newOptions() 
     .withFnServerData(serverData) 
     .withDataProp('data') // tried data aswell 
     .withOption('processing', true) 
     .withOption('serverSide', true) 
     .withOption('paging', true) 
     .withOption('stateSave', true) 
     .withOption('lengthMenu', [5, 10, 20, 30, 50, 100 ]) 
     .withDisplayLength(5) 
     .withPaginationType('full_numbers') 
     .withButtons([ 
      'colvis', 
      'print', 
      'excel' 
     ]) 

    function serverData(sSource, aoData, fnCallback, oSettings) 
    { 
     //All the parameters you need is in the aoData variable 

     var draw = aoData[0].value;    
     var limit = aoData[4].value;    // item per page 
     var order = aoData[2].value[0].dir; // order by asc or desc 
     var start = aoData[3].value;    // start from 
     var search = aoData[5].value;   // search string 

     //Then just call your service to get the records from server side 
     filterService.execute(start, limit, order, search).then(function(result) 
     {  
      console.log(result); 

      // var records = { 
      //   'draw': draw, 
      //   'recordsTotal': result.data.recordsTotal, 
      //   'recordsFiltered': result.data.recordsFiltered, 
      //   'data': result.data.es_officers 
      //  }; 

      // // console.log(records); 

      // fnCallback(records); 
     }); 
    } 
}); 

這裏是代碼filterService工廠：

angular.module('Main_Module').factory('filterService', filterService); 
filterService.$inject = ['$q', '$http'] 
function filterService($q, $http) 
{ 
    var service = { 
    execute: execute 
    }; 

    return service; 

     //    Start-From LIMIT ASC | DESC 
     function execute(start, limit, order, search) 
     { 
      // console.log(start, length, order); 

      var defered = $q.defer(); 
      //Make a request to backend api and then call defered.resolve(result); 

      // /SELECTSpecific/:TableName/:Start/:Length/:Order 
      $http({ 
       url : 'http://localhost:3000/api/SELECTQPromise/es_officers/'+start+'/'+limit+'/'+order+'/'+search, 
       method: 'POST' 
      }) 
      .then(function(result) 
      {      
       defered.resolve(result); 
      }) 
      .catch(function(err) 
      { 
       defered.reject(err); 
      }); 


      return defered.promise; 
     } 
}; 

後端代碼：

router.post('/SELECTQPromise/:TableName/:start/:limit/:order/:search', function(req, res) 
{ 

    function doQuery1() 
    { 
     var query1 = "SELECT COUNT(*) AS recordsTotal FROM " + req.params.TableName; 

     var defered = Q.defer(); 
     connection.query(query1, function(err, result) //defered.makeNodeResolver() 
     { 
      if(err) 
      { 
       defered.reject(err); 
      } 
      else 
      { 
       defered.resolve(result[0]); 
      } 
     }); 

     return defered.promise; 
    } 


    function doQuery3() 
    { 
     var query3 = "SELECT es_officer_id, es_officer_name FROM "+req.params.TableName+ 
        " WHERE es_officer_name LIKE '%"+req.params.search+"%'"+ 
        " ORDER BY es_officer_id "+req.params.order;//+" LIMIT "+req.params.start+", "+req.params.limit; 

     var defered = Q.defer(); 
     connection.query(query3, function(err, result) //defered.makeNodeResolver()); 
     { 
      if(err) 
      { 
       defered.reject(err); 
      } 
      else 
      { 
       defered.resolve(result); 
      } 
     }); 

     return defered.promise; 
    } 


    Q.all([doQuery1(), doQuery3()]).then(function(result) 
    { 
     // res.json({"Error" : false, "Message" : "success", [req.params.TableName] : result[1], "recordsTotal": result[0].recordsTotal, "recordsFiltered": result[0].recordsTotal}); 
     res.send(result); 
    }) 
    .catch(function(err) 
    { 
     res.send(err); 
    }); 
}); 

Answer 1

我已經想通了這個問題，我mentione如果有人在將來面臨同樣的問題，那麼在這裏。

在這一行我以爲我分配值來搜索在實際.value本身。

var search = aoData[5].value; 

搜索字符串與.value的對象，正確的是

var search = aoData[5].value.value; 

現在，它的工作絕對沒問題。