I dati del form sono vuoti durante l'invio tramite ajax utilizzando jQuery in WordPress

Question

I dati del form sono vuoti durante l'invio tramite ajax utilizzando jQuery in WordPress

19 lug 2017, 14:34:14

Visualizzazioni: 40.3K

Voti: 2

Sto inviando un form tramite ajax utilizzando jQuery in WordPress ma purtroppo ottengo il form vuoto nella console.

Ecco il mio codice jQuery -

function step1SaveData(){
    var formData = new FormData(jQuery('#tpform1')[1]);
    console.log(formData);
    jQuery.ajax({
        type:"POST", 
        url:'http://lexem.in/wp-admin/admin-ajax.php',
        processData:false,
        contentType:false,
        data:{
            action:'tpartners',
            formdata:formData,
        },
        success:function(data){
            var insertedID = data.trim();
            if(insertedID!='fail'){
            }else{
                console.log('fallito');
            }
        }

    });

}

Ed ecco il codice del mio file ajax -

add_action( 'wp_ajax_tpartners', 'save_update_data' );
add_action( 'wp_ajax_nopriv_tpartners', 'save_update_data' );

function save_update_data(){

    print_r($_POST);
    print_r($_FILES);

}

Il file ajax restituisce 0.

Vi prego di aiutarmi a capire quale sia il problema.

Grazie in anticipo.

Vipin

23

ajax

Commenti

@GrayCarry ora dice che site_url non è definito.

Vipin

19 lug 2017 15:02:52

site_url() è PHP, questo è nel codice Javascript se ho capito bene la domanda

mrben522

19 lug 2017 15:30:55

Avremo bisogno di vedere il tuo HTML per diagnosticare il problema, se il tuo console.log restituisce null allora hai commesso un errore nel modo in cui stai recuperando i dati del form. Posso chiederti perché stai usando FormData invece di .serialize()?

mrben522

19 lug 2017 15:34:33

@mrben522 Sì, questo è codice jquery.

Vipin

19 lug 2017 15:35:26

@mrben522 in realtà devo pubblicare anche un'immagine ed è per questo che sto utilizzando la funzione FormData().

Vipin

19 lug 2017 15:36:17

Mostra i restanti 3 commenti

Tutte le risposte alla domanda

Commenti

Ho utilizzato la funzione .serialize() ma sfortunatamente non invia i dati dei file.

Vipin

19 lug 2017 15:39:49

Ok, ora provo con la funzione serializeArray() e vediamo cosa succede... ti aggiorno al più presto.

Vipin

19 lug 2017 15:40:47

Ora ho i dati nella console usando la funzione serializeArray() ma il POST è ancora vuoto, purtroppo.

Vipin

19 lug 2017 15:48:39

Quindi, il problema è stato finalmente risolto seguendo questi passaggi - 1. Rimuovere processData:false dalla richiesta ajax 2. Rimuovere contentType:false dalla richiesta ajax 3. Utilizzare la funzione serializeArray() invece di FormData().

Grazie per l'assistenza. Saluti

Vipin

19 lug 2017 15:58:54

@Vipin potresti per favore modificare questa risposta o pubblicare la tua risposta con il tuo risultato? Non ho capito come sostituire formdata con serializeArray.

Basti

8 ott 2017 21:06:41

Mostra i restanti 1 commenti

mrben522 1.68K · Accepted Answer · 2017-07-19T15:37:25Z

Prova a usare .serialize() invece di FormData

 function step1SaveData(){
    var formData = jQuery('#tpform1').serialize();
    console.log(formData);
    jQuery.ajax({
        type:"POST",
        url:'http://lexem.in/wp-admin/admin-ajax.php',
        data:{
            action:'tpartners',
            formdata:formData,
        },
        success:function(data){
            var insertedID = data.trim();
            if(insertedID!='fail'){
            }else{
                console.log('fail');
            }
        }

    });

}

oppure usa .serializeArray() se vuoi i tuoi dati in un array invece che in una stringa.

MODIFICA - dai commenti, rimuovi processData:false e contentType:false dalla chiamata ajax

mrben522

1.68K

19 lug 2017 15:37:25