Comment utiliser fnServerData?

Quelqu'un peut me montrer comment utiliser fnServerData?.

$(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
      } );
    }
  } );
} );

Ci-dessous mon appel Ajax, je veux remplacer le ajax call avec le fnServerData.

   $.ajax({
        type: 'GET',
        url: url,
        jsonp: true,
        contentType: "application/json",
        dataType: 'jsonp',
        success: function (data) {
            $.each(data.value, function(i,item){
                table.fnAddData(item);
            });
        },
        error: function (e) {
            console.log(e.message);
        }
    });

http://datatables.net/ref#fnServerData

Qu'est-ce que sSource, fnCallback et oSettings?. Quelqu'un peut-il me montrer comment utiliser fnServerData?.

OriginalL'auteur Shane | 2014-02-28

6

sSource, fnCallback et oSettings sont générés par les tables de données.

sSource est l'url de votre appel ajax. Lors de l'initialisation de la table de données que vous spécifiez dans ce sAjaxSource. Donc, vous devriez passer votre url var comme sAjaxSource.

oSettings est créé et maintenu par les tables de données js. Il stocke des informations importantes sur l'état de votre datatable. Une documentation détaillée est disponible ici:
https://datatables.net/docs/DataTables/1.9.0/DataTable.models.oSettings.html

Je pense cependant, votre succès fonction est inutile. Vous devez spécifier aoColumns comme une option lors de l'initialisation, puis les tables de données permettra de remplir les données pour vous.
```
$(document).ready( function() {
 $('#example').dataTable( {
   "aoColumns": [
       { "mData": "engine" },
       { "mData": "browser" },
       { "mData": "platform.inner" },
       { "mData": "platform.details.0" },
       { "mData": "platform.details.1" }
     ]
   }),
   "bProcessing": true,
   "bServerSide": true,
   "sAjaxSource": url,
   "fnServerData": function ( sSource, aoData, fnCallback, oSettings ) {
     oSettings.jqXHR = $.ajax( {
       "dataType": 'json',
       "type": "POST",
       "url": sSource,
       "data": aoData,
       "success": fnCallback,
       "error": function (e) {
           console.log(e.message);
       }
     });
   }
 });
});
```
Plus d'informations sur aoColumns ici: http://www.datatables.net/usage/columns
Aussi, avoir un looka les exemples sur les tables de données page. Il devrait être un exemple pour tout ce dont vous avez besoin:
http://www.datatables.net/usage/columns

Ce qui concerne,
Saz

OriginalL'auteur SazD

"fnServerData": function ( sSource, aoData, fnCallback, oSettings ) {                               
    oSettings.jqXHR = $.post( sSource, aoData, function( data ) {               
        //alert(data.toSource());

        if ( ! parseInt(data.iTotalRecords) > 0 )
            alert('ZeroRecords');

        fnCallback(data);
        //fnCustomCallback(data);

    },'json');
}

OriginalL'auteur Danilo Bruno

Si vous souhaitez envoyer des champs supplémentaires de la part du client vers le serveur, vous pouvez ajouter des propriétés à aoData objet comme ceci:

"fnServerData": function (sSource, aoData, fnCallback, oSettings) {
     aoData.push({ "name": "Input1", "value": "xx" });

     oSettings.jqXHR = $.ajax({
         "dataType": 'json',
         "type": "POST",
         "url": sSource,
         "data": aoData,
         "success": fnCallback
     });
},

OriginalL'auteur Francisco Goldenstein

Vous devez vous connecter pour publier un commentaire.