Ajax 로 폼데이터 보내기

 

jQuery에서는 serialize() 라는 메소드를 제공하는데, 해당 메소드를 사용하면 Form 태그내의 항목들을 자동으로 읽어와

queryString 형식으로 변환시켜 준다.

즉. id=입력값&name=입력값&age=입력값 으로 변환하여 주는데, 이 값을 ajax 호출시 data 속성에 넣어 ajax 통신을 하면 된다.

<script>
 
    function ajax(){
  
 
        var queryString = $("#Form").serialize() ;
 
        $.ajax({
            type : 'post',
            url : '/test',
            data : queryString,
            dataType : 'json',
            error: function(xhr, status, error){
                alert(error);
            },
            success : function(json){
                alert(json)
            }
        });
  
    }
 
 
</script>
 
<form name="testForm" id="Form">
    <input type="text" name="name" id="name" value="세종" />
    <input type="text" name="id" id="id" value="1234567" />
</form>