Sử dụng jQuery để đính kèm JSON vào một biểu mẫu và gửi nó

Question

Với biểu mẫu trống này, làm cách nào để sử dụng jQuery để đính kèm một đối tượng JSON làm thông số và sau đó gửi nó? Biểu mẫu phải gửi tiêu chuẩn chứ không phải AJAX.

<form action="/comments" method="post" id="comments_form"> 
    <submit>Post</submit> 
</form> 

Answer 1

Giả sử đối tượng JSON của bạn là biến myData (và bạn thực hiện JSON.stringify sẵn):

$('#comment_form').submit(function() { 
    var $hidden = $("<input type='hidden' name='myData'/>"); 
    $hidden.val(JSON.stringify(myData)); 
    $(this).append($hidden); 
    return true; 
}); 

Đoạn mã trên tạo ra một hình thức nhập ẩn khi đang bay và đưa ra giá trị của nó chuỗi đại diện của bạn Đối tượng JSON, sau đó gắn nó vào biểu mẫu ngay trước khi gửi.