使用jQuery将JSON附加到表单并提交

Question

鉴于这个空表单，我如何使用jQuery将JSON对象作为params附加然后提交？表格应该标准提交，而不是AJAX。

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

Answer 1

假设您的JSON对象是myData变量（并且您使JSON.stringify可用）：

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

上面的代码动态创建一个隐藏的表单输入，并为其值提供JSON对象的字符串表示形式，然后在提交之前将其附加到表单。