[JavaScript] Ajax form data 통신 방법

in Study on javascript


ajax로 form 태그안에 있는 input value들을 어떻게 보낼까 찾아보다가 serilaize라는 메소드가 있어서 사용해 본다.

## html

<form id="form1" name="form1" method="POST">
    <input name="password">
    <input type="button" value="확인" onclick="auth(); return false">
</form>

## javascript

 function auth() {
        var formData = $('#form1').serialize() // serialize 사용
        console.log(formData) // password = 5151
        $.ajax({
            url: "/auth",
            type: "POST",
            cache: false,
            data: formData, // data에 바로 serialze한 데이터를 넣는다.
            success: function(data){
                console.log(data)
            },
            error: function (request, status, error){        
                console.log(error)
            }
        }) 
    }