โพสต์ jQuery () พร้อมซีเรียลไลซ์และข้อมูลพิเศษ

ฉันพยายามค้นหาว่าเป็นไปได้หรือไม่ที่จะโพสต์serialize()และข้อมูลอื่น ๆ ที่อยู่นอกฟอร์ม

นี่คือสิ่งที่ฉันคิดว่าจะทำงานได้ แต่จะส่ง'wordlist'และไม่ใช่ข้อมูลในแบบฟอร์ม

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

ไม่มีใครมีความคิดใด ๆ

คุณสามารถใช้serializeArray ^{[เอกสาร]}และเพิ่มข้อมูลเพิ่มเติม:

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;

});

เมื่อคุณต้องการเพิ่มวัตถุจาวาสคริปต์ในข้อมูลแบบฟอร์มคุณสามารถใช้รหัสต่อไปนี้

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 เวอร์ชันใหม่สามารถทำได้ผ่านขั้นตอนต่อไปนี้:

• รับอาร์เรย์ param ผ่าน serializeArray()
• โทรpush()หรือวิธีการที่คล้ายกันเพื่อเพิ่มพารามิเตอร์เพิ่มเติมไปยังอาร์เรย์
• การเรียกใช้$.param(arr)เพื่อรับสตริงที่ทำให้เป็นอนุกรมซึ่งสามารถใช้เป็นdataพารามิเตอร์ของ jquery ajax

รหัสตัวอย่าง:

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 ไปยังค่าที่สอดคล้องกัน

ความเป็นไปได้อีกประการหนึ่งประกอบด้วยการใช้อัญมณีตัวน้อยนี้เพื่อทำให้ฟอร์มของคุณเป็นวัตถุจาวาสคริปต์ (แทนที่จะเป็นสตริง) และเพิ่มข้อมูลที่ขาดหายไป:

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

หากคุณไม่เห็นจากด้านบนฉันใช้ฟังก์ชัน. catcat และส่งผ่านวัตถุที่มีตัวแปร post เป็น 'name' และค่าเป็น 'value'!

หวังว่านี่จะช่วยได้