jQuery.ajax - gửi tất cả các phần tử trong biểu mẫu mà không cần nhập chúng

Question

Tôi muốn sử dụng jQuery.ajax để gửi biểu mẫu bằng POST mà không phải chỉ định mọi thứ theo cách thủ công trong phần "dữ liệu:".

Đây là những gì tôi không muốn:

data: "username=" + document.getElementById("username").value + 
    "&email=" + document.getElementById("email").value, 

Có cách nào để chỉ có nó bao gồm các yếu tố alla với các giá trị của họ từ toàn bộ một lĩnh vực MẪU? Biểu mẫu này được tạo động để nó tiết kiệm cho tôi rất nhiều thời gian!

Answer 1

Sử dụng serialize method.

data : $("form").serialize() 

Answer 2

Nhìn vào http://docs.jquery.com/Ajax/serialize.

Điều đó sẽ làm cho các ví dụ sau:

$("#submit").click(function() { 
    $.ajax({ 
     data: $("form").serialize(), 
     ...rest 
    }); 
}); 

Answer 3

Sử dụng .serialize() phương pháp để gửi toàn bộ dữ liệu mẫu trong jQuery Ajax.

data:$('#formID').serialize() 

Ví dụ kịch bản có thể được tìm thấy từ đây - How to send entire form data in jQuery Ajax