jQuery post () với tuần tự hóa và dữ liệu bổ sung

Tôi đang cố gắng tìm hiểu xem có thể đăng serialize()và các dữ liệu khác ngoài biểu mẫu không.

Đây là những gì tôi nghĩ sẽ làm việc, nhưng nó chỉ gửi 'wordlist'và không phải dữ liệu biểu mẫu.

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

Có ai có ý tưởng nào?

Bạn có thể sử dụng serializeArray ^{[tài liệu]} và thêm dữ liệu bổ sung:

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

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

Hãy thử $ .param

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

Một giải pháp thay thế, trong trường hợp bạn cần thực hiện việc này khi tải lên tệp ajax:

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

HOẶC thậm chí đơn giản hơn.

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

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

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

    return false;

});

Khi bạn muốn thêm một đối tượng javascript vào dữ liệu biểu mẫu, bạn có thể sử dụng đoạn mã sau

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

Hoặc nếu bạn thêm phương thức serializeObject () , bạn có thể làm như sau

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

Trong phiên bản mới của jquery, có thể thực hiện nó thông qua các bước sau:

• lấy mảng param qua serializeArray()
• gọi push()hoặc các phương thức tương tự để thêm tham số bổ sung vào mảng,
• gọi $.param(arr)để nhận chuỗi nối tiếp, có thể được sử dụng như dataparam của jquery ajax .

Mã ví dụ:

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

Bạn có thể có biểu mẫu chứa dữ liệu bổ sung dưới dạng các trường ẩn mà bạn sẽ đặt ngay trước khi gửi yêu cầu AJAX đến các giá trị tương ứng.

Một khả năng khác bao gồm sử dụng viên ngọc nhỏ này để tuần tự hóa biểu mẫu của bạn thành một đối tượng javascript (thay vì chuỗi) và thêm dữ liệu bị thiếu:

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

Bạn có thể sử dụng cái này

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

Tôi thích giữ các đối tượng như các đối tượng và không làm bất kỳ sự thay đổi kiểu điên rồ nào. Đây là cách của tôi

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

nếu bạn không thể nhìn thấy ở trên, tôi đã sử dụng hàm .concat và truyền vào một đối tượng có biến bài là 'tên' và giá trị là 'giá trị'!

Hi vọng điêu nay co ich.