シリアル化と追加データを含むjQuery post（）

serialize()フォームの外にあるその他のデータを投稿できるかどうかを確認しようとしています。

これが私がうまくいくと思ったものですが、送信するだけで'wordlist'フォームデータは送信しません。

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

誰かアイデアはありますか？

serializeArray ^[docs]を使用して、追加のデータを追加できます。

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

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

試してみてください$ .PARAMを

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

ajaxファイルのアップロードでこれを行う必要がある場合の代替ソリューション：

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

またはさらに簡単です。

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

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

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

    return false;

});

JavaScriptオブジェクトをフォームデータに追加する場合は、次のコードを使用できます。

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

または、メソッドserializeObject（）を追加すると、次のことができます

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

jqueryの新しいバージョンでは、次の手順で実行できます。

• 経由でパラメータ配列を取得 serializeArray()
• push()配列に追加のパラメーターを追加するための呼び出しまたは同様のメソッド、
• $.param(arr)jquery ajaxのdataパラメーターとして使用できるシリアル化された文字列を取得するための呼び出し。

コード例：

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

AJAX要求を対応する値に送信する直前に設定する非表示フィールドとして追加のデータをフォームに含めることができます。

別の可能性は、この小さな宝石を使用してフォームを（文字列ではなく）JavaScriptオブジェクトにシリアル化し、不足しているデータを追加することです。

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

これを使えます

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

私はオブジェクトをオブジェクトとして保持し、クレイジーな型シフトを行わないようにしています。これが私のやり方です

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

上から見えない場合は、.concat関数を使用して、post変数を「name」、値を「value」としてオブジェクトに渡しました！

お役に立てれば。