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 객체를 만든 다음 제출하기 바로 전에 폼에 추가합니다.