[datatable] : passer un paramètre à un appel ajax ?

Version imprimable

Bonjour,

J'ai un soucis dans un développement basé sur un datable. Le but est simple, j'ai une liste de fournisseurs et si je clique sur un fournisseur, je veux connaître la liste de ses contacts...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
initListeContacts: function(idFournisseur){
    tableContacts = $('#tableContacts').dataTable({
        "aLengthMenu": [
            [10, 25, 50, 100, -1],
            [10, 25, 50, 100, "Tous"] // change per page values here
        ],
        "bProcessing": true,
        "bRetrieve": true,
        "bDestroy": true,
        "bServerSide": true,
        "sAjaxSource": "listeContacts.php",
        "iDisplayLength": 100,
        "sPaginationType": "bootstrap_full_number",
        "oLanguage": {
        "sProcessing": '<i class="fa fa-coffee"></i>&nbsp;Veuillez patienter...',
        "sLengthMenu": "_MENU_ enregistrement(s)",
        "oPaginate": {
            "sPrevious": "Prec.",
            "sNext": "Suiv."
        }
    },
    "fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) {
    )};
}

Mon script php renvoie un json qui va bien. Maintenant, je voudrais intégrer dans le .php un paramètre pID qui recevrait, au moment de l'appel Ajax, le numéro du fournisseur...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
initListeContacts: function(idFournisseur){
    tableContacts = $('#tableContacts').dataTable({
        "aLengthMenu": [
            [10, 25, 50, 100, -1],
            [10, 25, 50, 100, "Tous"] // change per page values here
        ],
        "bProcessing": true,
        "bRetrieve": true,
        "bDestroy": true,
        "bServerSide": true,
        "sAjaxSource": "listeContacts.php",
        "iDisplayLength": 100,
        "sPaginationType": "bootstrap_full_number",
        "oLanguage": {
        "sProcessing": '<i class="fa fa-coffee"></i>&nbsp;Veuillez patienter...',
        "sLengthMenu": "_MENU_ enregistrement(s)",
        "oPaginate": {
            "sPrevious": "Prec.",
            "sNext": "Suiv."
        }
    },
    "fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) {
    )};
}

J'ai essayé de rajouter ça :

Code:

1
2
3
4
 
"fnServerData": function (sSource, aoData, fnCallback) {
    aoData.push({ "name": "pId", "value": idFournisseur });
},

et de récupérer le contenu dans le .php

Code:

1
2
 
$id = $_POST['pId']; // j'ai essayé aussi avec $_GET

Avez-vous un peu d'aide à me fournir ?

Merci,

Vincent

24/01/2014, 13h38
danielhagnoul

http://datatables.net/examples/serve...stom_vars.html

Bonjour et merci de cette réponse... Mais c'est par la documentation
que j'avais commencé...
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 $(document).ready(function() { $('#example').dataTable( { "bProcessing": true, "bServerSide": true, "sAjaxSource": "../examples_support/server_processing.php", "fnServerData": function ( sSource, aoData, fnCallback ) { /* Add some extra data to the sender */ aoData.push( { "name": "more_data", "value": "my_value" } ); $.getJSON( sSource, aoData, function (json) { /* Do whatever additional processing you want on the callback, then tell DataTables */ fnCallback(json) } ); } } ); } );
Le fichier server_processing.php fourni avec le source ne contient aucune référence à une variable "more_data". De plus, avec firebug, je ne vois aucun paramètre pId (le nom de mon paramètre dans mon premier exemple... Je ne sais pas si mon script php reçoit pId dans un $_GET ni un $_POST (un print_r m'en a donné la preuve...)...

Donc si quelqu'un a un exemple plus concret (et qui marche) je suis preneur.

En attendant, je passe par une variable de session... Mais c'est bof bof...
Merci,

Bonjour,

Il faut utiliser fnServerParams à la place de fnServerData.
Essayez avec le code suivant

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
tableContacts = $('#tableContacts').dataTable({
	"aLengthMenu": [
		[10, 25, 50, 100, -1],
		[10, 25, 50, 100, "Tous"] // change per page values here
	],
	"bProcessing": true,
	"bRetrieve": true,
	"bDestroy": true,
	"bServerSide": true,
	"sAjaxSource": "listeContacts.php",
	"iDisplayLength": 100,
	"sPaginationType": "bootstrap_full_number",
	"oLanguage": {
		"sProcessing": '<i class="fa fa-coffee"></i>&nbsp;Veuillez patienter...',
		"sLengthMenu": "_MENU_ enregistrement(s)",
		"oPaginate": {
			"sPrevious": "Prec.",
			"sNext": "Suiv."
		}
	},
	"fnServerParams": function (aoData) {
		aoData.push({ "name": "pId", "value": idFournisseur });
	}
)};

27/01/2014, 09h34
youpitralala

Perfect ! Ça marche nickel.

Merci, merci !