Discussion :

[flavors]

Bonjour,
J'ai une tableau avec pagination que j'affiche via une requête AJAX en passant en paramètre de la requête les éléments nécessaire à la création de ma pagination ( { nbTot : nbTot, noPage : noPage, perPage : nbPerPage } ).
Je souhaiterai ajouter un formulaire pour pouvoir filtrer les données de mon tableau pour cela je fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
$("#searchForm").on('submit', function(e) {
        e.preventDefault(); 
        $.ajax({
              url: $(this).attr('action'),
              type: $(this).attr('method'),
              data: $(this).serialize(), //Le problème c'est que j'aimerai aussi ajouter les paramètres de pagination ( { nbTot : nbTot, noPage : noPage, perPage : nbPerPage } ).
              success: function(data) {
                    alert(data); 
                    }
              });
      });

Quand je fais "$(this).serialize()" seul, c'est super je récupère les données comme pour un formulaire posté normalement, le problème vient quand je veux ajouter les paramètres de pagination , je ne vois pas du tout comment m'y prendre.
J'ai essayé plusieurs choses nottament : "{ search : $(this).serialize(), nbTot : nbTot, noPage : noPage, perPage : nbPerPage }", je récupère bien les données mais pas sous le bon format... "$_POST['search']" n'est qu'un array avec aucun index, ce qui n'est pas pratique pour récupérer les valeurs des inputs de mon formulaire, par contre j'ai bien "$_POST['nbTot'], $_POST['noPage'] et $_POST['nbPerPage'].

Quelqu'un aurait-il une solution?

Merci

[danielhagnoul]

C'est du texte séparé par un "&".

Par exemple : let str = $( "form" ).serialize() + "&multiple=Multiple&check=check2";.

[flavors]

Merci beaucoup! Ca marche nikel!
En fait c'est la même syntaxe que pour un GET? (www.bidule.com/?aze=aze&qsd=qsd)
Je ne savais pas que ça pouvait se transmettre de cette façon par POST

[SpaceFrog]

Une autre possibilité est de passer les données dans des inputs hidden du form, soit au moment des blur ou change des champs ou sur le onsubmit du form, qui du coup passent dans le serialize

[flavors]

Effectivement.
Merci pour vos réponses.

[flavors]

En fin de compte j'ai une autre question...
Pour un soucie praticité, j'aimerais pouvoir regrouper toutes les données du formulaire dans un array, pour avoir à l'arrivé quelque chose du style : $_POST['formulaire']avec toute mes variables ($_POST['formulaire']['id1'] , $_POST['formulaire']['id2'], ...) et toujours mes paramétres au même niveau que l'array $_POST['nbTot'], ...

Quelqu'un pourrait-il m'aiguiller?

Merci.

[SpaceFrog]

colles tes datas dans un json coté js et utilise json_decode coté serveur ...

[flavors]

Désolé de revenir dessus, mais j'ai du mal à comprendre.
J'imagine que je dois utiliser la fonction "JSON.stringify()"
Mais est-ce que je dois l'appliquer sur mon formulaire ou sur les variable à côté?
J'ai fais

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
//JS
 $.ajax({
      url: $(this).attr('action'),
      type: $(this).attr('method'),
      data: JSON.stringify({ test : $("#searchForm").serialize()}) + "&nbTot="+nbTot+"&noPage="+noPage+"&perPage="+nbPerPage+"&research="+research,
      success: function(data) {
           $('#tableau').html( data );  // J'affiche cette réponse
            }
       });

et quand je fais "var_dump($_POST)", J'obtient

array(17) { ["{"test":"idTest"]=> array(1) { [0]=> string(1) "3" } ["numDissolution"]=> string(0) "" ["tc"]=> array(2) { [0]=> string(0) "" [1]=> string(0) "" } ["puu"]=> array(2) { [0]=> string(0) "" [1]=> string(2) ""}" } ["nbTot"]=> string(2) "40" ["noPage"]=> string(1) "1" ["perPage"]=> string(1) "5" ["research"]=> string(1) "1" }

J'ai vu qu'il fallait faire un json.decode coté PHP mais je ne peux pas récupérer l'index de l'array $_POST pour le faire sur la partie en json.

Pouriez-vous une nouvelle fois m'éclairer sur ce probléme?

Merci.

[SpaceFrog]

je pensais plutot à créer le json coté client

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
jsonData= {};
jsonData.champs1= $("#idchamps1").val();
jsonData.champs2= $("#idchamps2").val();
jsonData.champs3= $("#idchamps3").val();
jsonData.nbTot= nbTot;
jsonData.noPage= noPage;
jsonData.perPage= perPage;
jsonData.nbPerPage= nbPerPage;
jsonData.research= research;

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

data: jsonData,

et teste le var_dump ...
ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
data: {"data": JSON.stringify(jsonData)},

et teste

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

var_dump( json_decode( $_POST['data'] ) );

[flavors]

Bonjour et merci pour votre aide.

Je pense que je me suis mal exprimé. En fait je souhaite mettre tous le input de mon formulaire dans un array puis laisser les paramètres de la pagination au même endroit pour pouvoir isoler directement le formulaire à la reception du POST.

j'ai essayé d'appliquer ce que vous m'avez donné mais ce n'a pas abouti, le javascript ne se lancer pas.
J'ai donc chercher comment creer un JSON et donc fais ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
var data = '{'
     +'"numDissolution" : "'+$("#numDissolution").val()+'",'
     +'"tc" : '+$("#tc_1").val()
     +'}';
 
  var jsonData = '{'
     +'"data" : "'+data+'",'
     +'"nbTot" : '+nbTot+','
     +'"noPage" : '+noPage+'",'
     +'"nbPerPage" : '+nbPerPage+'",'
     +'"research" : '+research
     +'}';
 
 alert(jsonData);

Et j'obtient bien dans l'alert {"data" : "{"numDissolution" : "aze","tc" : aze}","nbTot" : 40,"noPage" : 1","nbPerPage" : 5","research" : 1}

puis j'ai fais les deux tests que vous avez mis qui m'ont donné:
- data: jsonData
var_dump($_POST) = array(1) { ["{"data"_:_"{"numDissolution"_:_"aze","tc"_:_aze}","nbTot"_:_40,"noPage"_:_1,"nbPerPage"_:_5,"research"_:_1}"]=> string(0) "" }

- data: {"data": JSON.stringify(jsonData)}
var_dump($_POST) = array(1) { ["data"]=> string(127) ""{\"data\" : \"{\"numDissolution\" : \"aze\",\"tc\" : aze}\",\"nbTot\" : 40,\"noPage\" : 1,\"nbPerPage\" : 5,\"research\" : 1}"" }
var_dump(json_decode($_POST['data'])); = string(107) "{"data" : "{"numDissolution" : "aze","tc" : aze}","nbTot" : 40,"noPage" : 1,"nbPerPage" : 5,"research" : 1}"

Je ne vois pas du tout comment exploiter cela

[SpaceFrog]

et avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 var jsonData ={
     "data" : data,
     "nbTot" : nbTot,
     "noPage" : noPage,
     "nbPerPage" : nbPerPage,
     "research" : research
     };

et dasn ton ajax

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

data: {"mydata": jsonData},

que donne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var_dump(json_decode($_POST['mydata']));

[flavors]

J'ai le droit à un beau "NULL" ><
Pourtant depuis le navigateur avec F12, je vois bien mydata:{"data" : "{"numDissolution" : "aze","tc" : }","nbTot" : 40,"noPage" : 1,"nbPerPage" : 5,"research" : 1}.
C'est étrange.

Sinon je viens de penser à une autre solution. Je fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
$searchForm = $_POST;
unset($searchForm['nbTot']);
unset($searchForm['noPage']);
unset($searchForm['perPage']);
unset($searchForm['research']);
 
if(isset($_SESSION['searchForm']) && $_SESSION['searchForm']==$searchForm) 
        { $nbTot = $_SESSION['nbSearchEnt']; }
else
        { //COUNT }

J'isole le formulaire des paramètres en PHP avec des unset, mais je ne sais pas si on peux considérer ça comme correct?
En fait ce que je veux faire depuis le début c'est de pouvoir comparer le formulaire posté avec le précédent pour voir si les critéres de recherche ont changé pour ne pas avoir à refaire le COUNT * sur ma table pour la pagination.

Question qui sort un peu du sujet de base mais qui du coup peut peut-être répondre au probléme : Ma BDD va posseder un peu moins de 10000 entrées. Est-ce genant de devoir faire un count(*) pour chaque requête filtrées (donc à chaque changement de page de ma pagination)?
Je me demande si cela risque de ne pas mettre trop de temps à donner le résultat de la requête car c'est pour cela que je voulais comparer les formulaire dans 1er temps, pour ne pas avoir a tout recompter. Mais si il ne risque pas d'y avoir de probléme de lenteur, ça ne vaut peut-être pas le coup.