jQuery动态表数据获取web服务，但数据不分页和搜索

我的方法。我的soap服务获取json格式的数据

function TumOlaylarlist() {
       VeriGetir("TumOlaylar",
              function (response) {
                  var data23 = response["d"] ? response.d : response;
                  console.info(data23);
                  var result = "";
                  for (var i = 0; i < data23.length; i++) {
                      result += "<tr class='gradeA success'>";
                      result += "<td>" + data23[i].ILCE_ADI + "</td>";
                      result += "<td>" + data23[i].MAHALLE_ADI + "</td>";
                      //  result += "<td>" + data23[i].YOL_ADI + "</td>";
                      result += "<td>" + data23[i].KAPI_NO + "</td>";
                      result += "<td>" + data23[i].ACIKLAMA + "</td>";
                      result += "<td>" + data23[i].ISTASYON_ISMI + "</td>";
                      result += "<td>" + data23[i].OLAYTIPI + "</td>";
                      result += "<td>" + data23[i].DURUMU + "</td>";
                      //result += "<li>" + data23[i].ILCE_ADI + data[i].MAHALLE_ADI + data[i].YOL_ADI + data[i].KAPI_NO + data[i].KAPI_ISMI + data[i].ISTASYON_ISMI + data[i].OLAYTIPID + data[i].ISIM + data[i].SOYISIM + "</li>";
                      //$('#ilce').data23[i].ILCE_ADI;
                      result += "</tr>";
                  }
                  $("#datatable tbody").html(result);
                  //if (_dataTable) {
                  //    _dataTable.destroy();
                  //}
                  //_dataTable = $('#data-table').dataTable({
                  //    data: data23
                  //});


              },
              function (xhr, status, message) {

                  console.error(xhr);
              }
          );
       //  console.log("part 2");
   };

 function VeriGetir(methodName, succes, error) {
    $.ajax({
        type: "POST",
        url: webserUrl + methodName,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: succes,
        error: error
    });
   }

  $(document).ready(function () {    
           $('#datatable').dataTable(function () {        

           });
           TumOlaylarlist();
       });

我希望我的服务获取数据并运行我的datatable更新分页和搜索属性。。我在搜索框中输入一个单词，我的数据表为空。
我的数据表是空的

function TumOlaylarlist() {
       VeriGetir("TumOlaylar",
              function (response) {
                  var data23 = response["d"] ? response.d : response;
                  console.info(data23);
                  var result = "";
                  for (var i = 0; i < data23.length; i++) {
                      result += "<tr class='gradeA success'>";
                      result += "<td>" + data23[i].ILCE_ADI + "</td>";
                      result += "<td>" + data23[i].MAHALLE_ADI + "</td>";
                      //  result += "<td>" + data23[i].YOL_ADI + "</td>";
                      result += "<td>" + data23[i].KAPI_NO + "</td>";
                      result += "<td>" + data23[i].ACIKLAMA + "</td>";
                      result += "<td>" + data23[i].ISTASYON_ISMI + "</td>";
                      result += "<td>" + data23[i].OLAYTIPI + "</td>";
                      result += "<td>" + data23[i].DURUMU + "</td>";
                      //result += "<li>" + data23[i].ILCE_ADI + data[i].MAHALLE_ADI + data[i].YOL_ADI + data[i].KAPI_NO + data[i].KAPI_ISMI + data[i].ISTASYON_ISMI + data[i].OLAYTIPID + data[i].ISIM + data[i].SOYISIM + "</li>";
                      //$('#ilce').data23[i].ILCE_ADI;
                      result += "</tr>";
                  }
                  $("#datatable tbody").html(result);
                  //if (_dataTable) {
                  //    _dataTable.destroy();
                  //}
                  //_dataTable = $('#data-table').dataTable({
                  //    data: data23
                  //});


              },
              function (xhr, status, message) {

                  console.error(xhr);
              }
          );
       //  console.log("part 2");
   };

 function VeriGetir(methodName, succes, error) {
    $.ajax({
        type: "POST",
        url: webserUrl + methodName,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: succes,
        error: error
    });
   }

  $(document).ready(function () {    
           $('#datatable').dataTable(function () {        

           });
           TumOlaylarlist();
       });

---

如果您一次加载所有数据，并且不打算进行服务器端处理（如搜索、筛选），请尝试添加

“serverSide”：false

function TumOlaylarlist() {
       VeriGetir("TumOlaylar",
              function (response) {
                  var data23 = response["d"] ? response.d : response;
                  console.info(data23);
                  var result = "";
                  for (var i = 0; i < data23.length; i++) {
                      result += "<tr class='gradeA success'>";
                      result += "<td>" + data23[i].ILCE_ADI + "</td>";
                      result += "<td>" + data23[i].MAHALLE_ADI + "</td>";
                      //  result += "<td>" + data23[i].YOL_ADI + "</td>";
                      result += "<td>" + data23[i].KAPI_NO + "</td>";
                      result += "<td>" + data23[i].ACIKLAMA + "</td>";
                      result += "<td>" + data23[i].ISTASYON_ISMI + "</td>";
                      result += "<td>" + data23[i].OLAYTIPI + "</td>";
                      result += "<td>" + data23[i].DURUMU + "</td>";
                      //result += "<li>" + data23[i].ILCE_ADI + data[i].MAHALLE_ADI + data[i].YOL_ADI + data[i].KAPI_NO + data[i].KAPI_ISMI + data[i].ISTASYON_ISMI + data[i].OLAYTIPID + data[i].ISIM + data[i].SOYISIM + "</li>";
                      //$('#ilce').data23[i].ILCE_ADI;
                      result += "</tr>";
                  }
                  $("#datatable tbody").html(result);
                  //if (_dataTable) {
                  //    _dataTable.destroy();
                  //}
                  //_dataTable = $('#data-table').dataTable({
                  //    data: data23
                  //});


              },
              function (xhr, status, message) {

                  console.error(xhr);
              }
          );
       //  console.log("part 2");
   };

 function VeriGetir(methodName, succes, error) {
    $.ajax({
        type: "POST",
        url: webserUrl + methodName,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: succes,
        error: error
    });
   }

  $(document).ready(function () {    
           $('#datatable').dataTable(function () {        

           });
           TumOlaylarlist();
       });

$(document).ready(function () {    
   $('#datatable').dataTable(function () {        
       "serverSide": false
   });
   TumOlaylarlist();
});

---

如果您想进行服务器端处理，那么服务器端将有更多的工作要做。

在填写searchbox时，客户端是否有任何错误？我没有收到任何错误，但ı将searchbox中的一个字符写入我的datatable记录为空（删除）.您的数据类型为

json

，但我记得datatables站点只有一个使用

jsonp

at的示例。虽然我并不是100%地认为它们不同，但在类似的情况下，我所做的是构建一个与给定页面的ajax选项卡上给出的结构非常相同的web服务。因此，请确保返回正确的文档，其中包含正确的数据类型和有效的jsonp结构，就像在该页面中一样……即使将真实数据替换为虚假数据，您也可以向我们展示您的json结构吗？或者如果该服务是公共的，则提供该服务的URL，以便我可以进行测试？

function TumOlaylarlist() {
       VeriGetir("TumOlaylar",
              function (response) {
                  var data23 = response["d"] ? response.d : response;
                  console.info(data23);
                  var result = "";
                  for (var i = 0; i < data23.length; i++) {
                      result += "<tr class='gradeA success'>";
                      result += "<td>" + data23[i].ILCE_ADI + "</td>";
                      result += "<td>" + data23[i].MAHALLE_ADI + "</td>";
                      //  result += "<td>" + data23[i].YOL_ADI + "</td>";
                      result += "<td>" + data23[i].KAPI_NO + "</td>";
                      result += "<td>" + data23[i].ACIKLAMA + "</td>";
                      result += "<td>" + data23[i].ISTASYON_ISMI + "</td>";
                      result += "<td>" + data23[i].OLAYTIPI + "</td>";
                      result += "<td>" + data23[i].DURUMU + "</td>";
                      //result += "<li>" + data23[i].ILCE_ADI + data[i].MAHALLE_ADI + data[i].YOL_ADI + data[i].KAPI_NO + data[i].KAPI_ISMI + data[i].ISTASYON_ISMI + data[i].OLAYTIPID + data[i].ISIM + data[i].SOYISIM + "</li>";
                      //$('#ilce').data23[i].ILCE_ADI;
                      result += "</tr>";
                  }
                  $("#datatable tbody").html(result);
                  //if (_dataTable) {
                  //    _dataTable.destroy();
                  //}
                  //_dataTable = $('#data-table').dataTable({
                  //    data: data23
                  //});


              },
              function (xhr, status, message) {

                  console.error(xhr);
              }
          );
       //  console.log("part 2");
   };

 function VeriGetir(methodName, succes, error) {
    $.ajax({
        type: "POST",
        url: webserUrl + methodName,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: succes,
        error: error
    });
   }

  $(document).ready(function () {    
           $('#datatable').dataTable(function () {        

           });
           TumOlaylarlist();
       });