Récupérer les données POST de l'appel AJAX

J'ai le script JS suivant:

 jQuery ('#form-recherche'). submit (ajaxSubmit);

 function ajaxSubmit () {

            varnewFormRecherche=jQuery (this) .serialize ();

 jQuery.ajax ({
 type: "post",
                Les données: {
                    action: "mon_action",
 newFormRecherche:newFormRecherche,
                },

                url: ajaxurl,
                succès:fonction (réponse) {
                    console.log (réponse);
                }
            });

        retournerfaux;
        }
 

Côté PHP :

  add_action ('wp_ajax_mon_action','mon_action');
    add_action ('wp_ajax_nopriv_mon_action','mon_action');

 functionmon_action () {

 if (isset ($ _ POST ["newFormRecherche"])) {
            $ champ1=$ _POST ["champ1"];
            $ champ2=$ _POST ["champ2"];
        }
    }
 

Comme vous l'avez deviné,je peux accéder à $ _POST ["newFormRecherche"] alors queje nepeuxpas récupérer $ _POST ["field1"] ni $ _ POST ["champ2"] .

jQuery serialize () fonctionne correctement:j'aitesté newFormRecherche var avec une alerteet ilest affiché sous labonneforme: $field1=peuimporte & amp; $field2=n'importe quoi .

Normalement,je ne devraispas avoir à analyser les résultatspour accéder aux variables $ _POST [],d'après ce quej'ai lu here ,mais évidemment celane fonctionnepas. D'où vient ceproblème? Dois-je utiliser autre chose que des données pourtransmettremes arguments?

EDIT : $ _POST ["newFormRecherche"] existe côté PHP,et contient la chaîne attendue $field1=what & amp; $field2=any .

EDIT # 2 : Voici unemise àjour,selon la remarqueintéressante de @czerspalaceet lemessagetrès détaillé de @bosco. J'essaieici de résumer ce qu'ils ont ditet deproposer des solutions.

Leproblèmeici était une double sérialisation,unefaite "à lamain",unefaiteparjQuery lors de l'appel AJAX. Lefait que les variables $ _POST [] ne puissentpas être correctement récupérées côté serveurprovient de données ,qui doivent correspondre auformalisme de Wordpress,c'est-à-dire: un action (quiest unefonction PHP)et les donnéesenvoyées (généralement,depuis unformulaire).

• Solution de @Bosco - Utilisez laméthodejQuery serializeArray () . Dans ce cas,les donnéesenvoyées sont composées de 2 objets. Afin de récupérer correctement les champs côté serveur,je doisgérer untableau associatif comme celui-ci: $ _POST ['newFormRecherche'] [0] ['name'] et $ _POST [ 'newFormRecherche'] [0] ['valeur'] . Même chosepour les autres champs (en remplaçant [0]par d'autresnombres). Pour résoudre cela,@Boscopropose ci-dessous lafonction formFieldsToObject quiest appelée sur les données,lors de l'appel AJAX.

• Solution de @czerspalace - Utilisez laméthodejQuery serialize () ,et faites une désérialisationmanuelle côté serveur,en utilisant parse_str ($ _POST ['newFormRecherche'],$newFormRecherche); pour être capable de récupérer les champs queje veux: $newFormRecherche ['field1'],...et ainsi de suite.

Dans les deux cas,les données côté serveur doivent être correctementnettoyées,comme les donnéesenvoyéespar un utilisateur via desformulaires doiventtoujours l'être. Celaimplique: vérifier lestypes de champs,vérifier (voiretronquer) la longueur des champs ...,autrement dit:ne jamaisfaire confiance à l'utilisateur.

EDIT # 3 : dans le cas où vous utilisez FormData ,assurez-vous d'ajouter cette ligne dans votre appel AJAX: processData:false, . Cependant,je n'aipasimplémenté de solution complète avec cettetechnique.

I have the following JS script :

jQuery('#form-recherche').submit(ajaxSubmit);

        function ajaxSubmit(){

            var newFormRecherche = jQuery(this).serialize();

            jQuery.ajax({
                type:"post",
                data: { 
                    action: "mon_action",
                    newFormRecherche: newFormRecherche,
                },

                url: ajaxurl,
                success: function(response){
                    console.log(response);
                }
            });

        return false;
        }

On PHP side :

    add_action( 'wp_ajax_mon_action', 'mon_action' );
    add_action( 'wp_ajax_nopriv_mon_action', 'mon_action' );

    function mon_action() {

        if (isset($_POST["newFormRecherche"])) {
            $field1= $_POST["field1"];
            $field2= $_POST["field2"];
        }
    }

As you guessed, I'm able to access $_POST["newFormRecherche"] while I can't retrieve $_POST["field1"] nor $_POST["field2"].

jQuery serialize() works properly : I tested newFormRecherche var with an alert and it is displayed under the right form : $field1=whatever&$field2=anything.

Normally, I shouldn't have to parse the results in order to access the $_POST[] variables, according to what I've read here, but obviously it's not working. Where does this problem come from ? Should I use something else than data to pass my arguments ?

EDIT : $_POST["newFormRecherche"] exists on PHP side, and contains the expected string $field1=whatever&$field2=anything.

EDIT #2 : Here is an update, according to the interesting remark from @czerspalace and the very detailed post from @bosco. I try here to put what they said in a nutshell, and give some solutions.

The problem here was a double serialization, one made "by hand", one made by jQuery while making the AJAX call. The fact that the $_POST[] vars can't be properly retrieved on server side comes from data, that has to match the Wordpress formalism, that is to say : an action (which is a PHP function) and the data sent (usually, from a form).

• Solution by @Bosco - Use the jQuery method serializeArray(). In this case, the data sent is composed of 2 objects. In order to properly retrieve the fields on server side, I have to handle an associative array like this : $_POST['newFormRecherche'][0]['name'] and $_POST['newFormRecherche'][0]['value']. Same thing for the other fields (replacing [0] by other numbers). To solve that, @Bosco proposes below the formFieldsToObject function which is called on the data, when performing the AJAX call.

• Solution by @czerspalace - Use the serialize() jQuery method, and make a manual deserialization on server side, using parse_str( $_POST[ 'newFormRecherche' ], $newFormRecherche ); in order to be able to retrieve the fields I want : $newFormRecherche['field1'],...and so on.

In both cases, the data on server side has to be properly sanitized, as data sent by an user via forms always must be. It implies : checking field types, checking (and even truncate) fields length..., in other words : never trust the user.

EDIT #3 : In the case you use FormData, make sure you add this line within your AJAX call : processData: false,. However, I didn't implement a full solution with this technique.