초간단 새로고침 없이 form 전송하기! ajax

거두절미하고 바로 시작한다!

 

참고로 ajax는 jquery에서 동작하기때문에 jquery라이브러리를 꼭 

 

head에 넣도록 하자! 

 

$.ajax({
         type: 'POST',    
         url: "test.php",   //전송할 url
         data: $('#tt').serialize(),    //form id를 입력하자
         success: function(response) {   //성공했을시의 동작.
             
             //$("#commentList").append("Name:" + $("#name").val() + "comment:" + $("#body").val());
         },
        error: function() {    //오류났을때 동작

            alert("There was an error submitting comment");
        }
     });

 

<form id='tt' name='tt' method=post action="test.php">

    <input type=hidden name='test1' value='ttt'>

</form> 

 

대충 보면 알것이다. 아주 쉽다.

 

$.ajax를 function에 넣고 클릭할때 실행해 줄 수도 있으며

 

무언가 동작하기전에 다른 페이지에 값을 보내넣고 

 

추가로 submit을 하는 등 다양하게 사용 가능하다.

 

그럼 20000