2016-06-13 2 views
1

ПроблемаУгловая DataTables Server Side Поисковый запрос возвращается пустой объект

Я использую сервера нумерации страниц на стороне и поиска, пагинация работает нормально, но когда я введите текст в поле поиска, который автоматически посылает запрос на сервер, он немедленно возвращается обратно с пустым объектом, но также приносит «recordTotal» для разбивки на страницы. что означает, что выполняется один запрос, а второй - NOT.

API тесты с использованием Почтальон

Я проверил API ИСПОЛЬЗОВАНИЯ Почтальона и что когда-либо строка поиска я передачу, она возвращает меня соответствующие результаты, но когда я отправить его через окно поиска (FROM FRONT END) он просто не будет работать

enter image description here

Вот мой контроллер Код:

Я намеренно прокомментировал «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; 
     } 
}; 

Back-конец Код:

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); 
    }); 
}); 
+0

Несвязанный, но все, где я вижу параметр входящего запроса, просто добавленный к SQL-запросу, дает мне озноб по моему позвоночнику. Вы на 100% уверены, что ваш код не открыт для SQL-инъекций? – ippi

+0

Я знаю, что он открыт для SQL-инъекции, я намеренно заменил «?» с прямыми переменными параметра, я исправлю, что как только он начнет работать, я заменил материал «?» но это сводит меня с ума, почему я получаю результат для одного запроса, а не для другого. – Wcan

ответ

0

Я понял, проблема и я mentione d здесь, если кто-то столкнется с той же проблемой в будущем.

на этой строке Я думал, что присваиваю значение для поиска, как в самом фактическом .value.

var search = aoData[5].value; 

строка поиска с .value объекта, правильным было бы

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

Теперь его работает абсолютно нормально.

Смежные вопросы