Java Script

[JavaScript] ajax으로 form 데이터 controller로 보내기

fkavpfm 2022. 6. 20. 05:22

ajax을 사용하여 form 데이터를 통째로 컨트롤러에 보낼 때는 from 엘리먼트를 잡아서

제이쿼리에서 제공하는  serialize() 함수를 사용해주면 한번에 전송 가능한 data로 간편하게 만들어준다. 

 

document.getElementById("editBtn").onclick = function(){
    $.ajax({
        type: "post",
        url:"./accountInfo_Edit",
        data: $("#editForm").serialize(),
        success: function(result){
            if(result){
                alert("정상적으로 변경되었습니다.");
            }
        },error: function(){
            console.log("실패");
        }
       
    });
};