serileştirme ve ekstra veri ile jQuery post ()

Ben yazı serialize()ve formun dışındaki diğer verileri göndermek mümkün olup olmadığını öğrenmek için çalışıyorum .

İşte işe yarayacağını düşündüğüm şey, ancak 'wordlist'form verilerini değil yalnızca gönderir .

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

Herhangi bir fikri olan var mı?

serializeArray ^{[Dokümanlar] 'ı} kullanabilir ve ek veriler ekleyebilirsiniz:

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

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

$ .Param'ı deneyin

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

Bunu bir ajax dosya yüklemesinde yapmanız gerektiğinde alternatif bir çözüm:

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

VEYA daha da basit.

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

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

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

    return false;

});

Form verilerine bir javascript nesnesi eklemek istediğinizde, aşağıdaki kodu kullanabilirsiniz

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(){});

Veya serializeObject () yöntemini eklerseniz aşağıdakileri yapabilirsiniz

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

Jquery'nin yeni sürümünde, aşağıdaki adımlarla yapılabilir:

• üzerinden param dizisi al serializeArray()
• push()diziye ek parametreler eklemek için çağrı veya benzeri yöntemler,
• $.param(arr)jquery ajax dataparametresi olarak kullanılabilen serileştirilmiş dize almak için çağrı yapın .

Örnek kod:

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
    }
    });

Formun, AJAX isteğini karşılık gelen değerlere göndermeden hemen önce ayarlayacağınız ek verileri gizli alanlar olarak içermesini sağlayabilirsiniz.

Başka bir olasılık, formunuzu bir javascript nesnesine (dize yerine) serileştirmek ve eksik verileri eklemek için bu küçük gemiyi kullanmaktır :

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

Bunu kullanabilirsiniz

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

Nesneleri nesne olarak tutmayı ve çılgın tip değiştirmeyi sevmem. İşte benim yolum

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!'
      })
    });
  }
});

Yukarıdan göremiyorsanız .concat işlevini kullandım ve post değişkenine 'name' ve değeri 'value' olarak aktardım!

Bu yardımcı olur umarım.