jquery.load() để POST tất cả các phần tử của biểu mẫu thay vì phải chỉ định nội dung nào cần POST

Question

Tôi có biểu mẫu HTML hiện có mà tôi đang cố cập nhật để sử dụng jQuery.load(). Làm thế nào tôi có thể vượt qua tất cả các phần tử của biểu mẫu dưới dạng tham số POST thay vì phải chỉ định tham số nào cần vượt qua?

Các yếu tố biểu mẫu được tạo tự động bởi tập lệnh và số lượng phần tử cũng như tên của các yếu tố khác nhau đáng kể đến mức không thể chỉ định tham số nào cần chuyển qua AJAX/POST. Có cách nào đơn giản để chuyển tới jQuery.load() tất cả các phần tử trong các thẻ <form></form> như thể biểu mẫu được gửi theo truyền thống không?

Answer 1

Bạn có thể sử dụng .serialize() để tuần tự hóa tất cả các yếu tố đầu vào của biểu mẫu để gửi cùng với lệnh jQuery.load() của bạn.

$('form').serialize() 

Ví dụ, sử dụng jQuery.load() (chỉ làm GET trừ khi bạn vượt qua nó một đối tượng cho dữ liệu, sau đó POST)

$.load(
    'postTo.php', 
    $('#yourFormId').serialize(), 
    complete(responseText, textStatus, XMLHttpRequest){ 
     //do your processing after the fact 
})) 

dùng, jQuery.ajax(), bạn có thể làm cho nó POST

$.ajax({ 
    'url': 'postTo.php', 
    'type': 'POST', 
    'data': $('#yourFormId').serialize(), 
    'success': function(result){ 
     //process here 
    } 
}); 

Xem: http://api.jquery.com/jQuery.ajax/

Answer 2

Dễ dàng: Khi bạn thu thập dữ liệu biểu mẫu của mình và dán nó làm tham số thứ hai là load(), hãy sử dụng serializeArray(data) và không sử dụng serialize(data), như câu trả lời hiện được chấp nhận.

serialize() trả về một chuỗi, trong khi serializeArray() trả về một đối tượng. load() gửi POST nếu dữ liệu là đối tượng. Nếu dữ liệu là một chuỗi, load() sẽ gửi GET.