본문 바로가기

jquery form - ajaxForm

반응형
http://mytory.co.kr/archives/223

http://jquery.malsup.com/form/


    <script type="text/javascript" src="jquery-1.3.2.js"></script>
    <script type="text/javascript" src="jquery.form.js"></script>

    <script type="text/javascript">
        // wait for the DOM to be loaded
        $(document).ready(function() {
            // bind 'myForm' and provide a simple callback function
            $('#myForm').ajaxForm(function() {
                alert("Thank you for your comment!");
            });
        });
    </script>

< form id="myForm" action="comment.php" method="post">
    Name: <input type="text" name="name" />
    Comment: <textarea name="comment"></textarea>
    <input type="submit" value="Submit Comment" />
< /form>



$(function(){
$('#myForm').ajaxForm();
});

이렇게 쓰면 action값과 method를 form에 지정된 대로 사용하게 된다. submit 버튼 누르면 ajax 처리가 된다.

정말 짱이다 ㅡㅡ;;

 

반응형

댓글


Copyright ⓒ SmartWeb All rights reserved.