jQuery post () con serializzazione e dati extra

Sto cercando di scoprire se è possibile pubblicare serialize() e altri dati al di fuori del modulo.

Ecco cosa pensavo avrebbe funzionato, ma invia solo 'wordlist'e non i dati del modulo.

$.post("page.php",( $('#myForm').serialize(), { 'wordlist': wordlist }));

Qualcuno ha qualche idea?

Puoi usare serializeArray ^[documenti] e aggiungere i dati aggiuntivi:

var data = $('#myForm').serializeArray();
data.push({name: 'wordlist', value: wordlist});

$.post("page.php", data);

Prova $ .param

$.post("page.php",( $('#myForm').serialize()+'&'+$.param({ 'wordlist': wordlist })));

Una soluzione alternativa, nel caso in cui sia necessario eseguire questa operazione su un caricamento di file ajax:

var data = new FormData( $('#form')[0] ).append( 'name' , value );

O ancora più semplice.

$('form').on('submit',function(e){

    e.preventDefault();
    var data = new FormData( this ).append('name', value );

    // ... your ajax code here ...

    return false;

});

Quando si desidera aggiungere un oggetto javascript ai dati del modulo, è possibile utilizzare il seguente codice

var data = {name1: 'value1', name2: 'value2'};
var postData = $('#my-form').serializeArray();
for (var key in data) {
    if (data.hasOwnProperty(key)) {
        postData.push({name:key, value:data[key]});
    }
}
$.post(url, postData, function(){});

Oppure se aggiungi il metodo serializeObject () , puoi fare quanto segue

var data = {name1: 'value1', name2: 'value2'};
var postData = $('#my-form').serializeObject();
$.extend(postData, data);
$.post(url, postData, function(){});

Nella nuova versione di jquery, è possibile farlo tramite i seguenti passaggi:

• ottenere param array via serializeArray()
• chiamata push() o metodi simili per aggiungere parametri aggiuntivi all'array,
• chiama $.param(arr)per ottenere una stringa serializzata, che potrebbe essere utilizzata come dataparametro di jquery ajax .

Codice di esempio:

var paramArr = $("#loginForm").serializeArray();
paramArr.push( {name:'size', value:7} );
$.post("rest/account/login", $.param(paramArr), function(result) {
    // ...
}

$.ajax({    
    type: 'POST',  
    url: 'test.php',  
    data:$("#Test-form").serialize(),  
    dataType:'json',
     beforeSend:function(xhr, settings){
     settings.data += '&moreinfo=MoreData';
     },
    success:function(data){
            //  json response  
    },
    error: function(data) { 
        // if error occured
    }
    });

È possibile che il modulo contenga i dati aggiuntivi come campi nascosti che imposteresti subito prima di inviare la richiesta AJAX ai valori corrispondenti.

Un'altra possibilità consiste nell'utilizzare questa piccola gemma per serializzare il modulo in un oggetto javascript (anziché nella stringa) e aggiungere i dati mancanti:

var data = $('#myForm').serializeObject();
// now add some additional stuff
data['wordlist'] = wordlist;
$.post('/page.php', data);

Puoi usare questo

var data = $("#myForm").serialize();
data += '&moreinfo='+JSON.stringify(wordlist);

Mi piace mantenere gli oggetti come oggetti e non fare alcun matto spostamento del tipo. Ecco la mia strada

var post_vars = $('#my-form').serializeArray();
$.ajax({
  url: '//site.com/script.php',
  method: 'POST',
  data: post_vars,
  complete: function() {
    $.ajax({
      url: '//site.com/script2.php',
      method: 'POST',
      data: post_vars.concat({
        name: 'EXTRA_VAR',
        value: 'WOW THIS WORKS!'
      })
    });
  }
});

se non riesci a vedere dall'alto ho usato la funzione .concat e ho passato un oggetto con la variabile post come 'nome' e il valore come 'valore'!

Spero che questo ti aiuti.