jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 了解Datatables中的fnServerData大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在我的项目中使用Datatables.我想了解“fnServerData”回调选项的使用.我已经阅读了doc Here,并看到了以下示例代码
$(document).ready( function() {
  $('#example').dataTable( {
    "bProcessing": true,"bServerSide": true,"sAjaxsource": "xhr.PHP","fnServerData": function ( ssource,aoData,fnCallBACk,oSetTings ) {
      oSetTings.jqXHR = $.ajax( {
        "dataType": 'json',"type": "POST","url": ssource,"data": aoData,"success": fnCallBACk
      } );
    }
  } );
} );

什么是“ssource”,“aoData”参数以及我们如何在其中提供价值?
另外,我们可以提交一个动态获取JSON数据的表单,而不是将JSP或PHP作为源(sAjaxsourcE)吗?

解决方法

fnServerData是dataTables中的一个内部函数,可以使用您自己的ajax处理程序进行编写.在这种情况下,使用舒适的jQuery函数 Read more here

参数在dataTables核心中定义,并且按此特定顺序是必需的.

ssource是数据源所在的URl.它设置为初始化为sAjaxsource中的值.在这种情况下xhr.PHP

aoData是将发送到数据源的参数数组.这认包含paginationinfo,sorTinginfo,filterinfo等(由核心自动设置),datasource脚本应该对其做出反应. (例如:将@R_403_1677@限制为pagesize等.)要向请求发送更多信息,可以将其他值推送到aoData.像这样:

"fnServerData": function ( ssource,oSetTings ) {
               aoData.push( { "name": "Input1","value": $("#data1").val() } );
               aoData.push( { "name": "input2","value": $("#data2").val() } );
  oSetTings.jqXHR = $.ajax( {

如果您想知道发送的是什么,可以使用Firebugs控制台查看POST数据,也可以将类型更改为GET.然后你会在地址栏中看到传递的参数(请注意,这可能是一个非常长的字符串,可能会被切断).

fnCallBACk也是核心的内置函数,可以被覆盖,但在这种情况下不是.如果要在收到数据后在JS中进行一些后处理,则应提供自己的函数.

关于问题的第二部分:当然,您不需要使用PHP或JSP.任何可以动态提供JSON数据的服务器端语言都很好(Phyton,Node,你可以命名……)

大佬总结

以上是大佬教程为你收集整理的jquery – 了解Datatables中的fnServerData全部内容,希望文章能够帮你解决jquery – 了解Datatables中的fnServerData所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。