form을 비동기 식으로 쉽게 다룰 수 있는 플러그인이 있어서 소개합니다.
http://malsup.com/jquery/form/ 여기서 쉽게 받을 수 있구요~
사용법이야... jquery를 로드하고, 플러그인 로드하면 되겠죠?
제가 이 글을 쓰는 이 시점에.. 플러그인 버전이 '2.52' 입니다.
그래서!!! 이게 왜 좋은가??
1. Form을 비동기식으로 사용할 수 있다는 건 위에 적었고!!
2. File Upload까지 비동기로... 이거 괜찮네요!
3. 문자열 encoding 고려하지 않고 그냥 작업해도 되네요!!
이건 진짜 깜짝 놀랐습니다. 한글 인코딩이 그냥 지원되다니...
euc-kr, utf-8 변환 걱정 안해도 됩니다.
사용법은.. 아래와 같이 그냥 ajaxForm 함수만 실행해 주면 됩니다. Callback 함수 지정도 되네요~
무튼 전 유용하게 잘 썼습니다. ^^
http://malsup.com/jquery/form/ 여기서 쉽게 받을 수 있구요~
사용법이야... jquery를 로드하고, 플러그인 로드하면 되겠죠?
제가 이 글을 쓰는 이 시점에.. 플러그인 버전이 '2.52' 입니다.
그래서!!! 이게 왜 좋은가??
1. Form을 비동기식으로 사용할 수 있다는 건 위에 적었고!!
2. File Upload까지 비동기로... 이거 괜찮네요!
3. 문자열 encoding 고려하지 않고 그냥 작업해도 되네요!!
이건 진짜 깜짝 놀랐습니다. 한글 인코딩이 그냥 지원되다니...
euc-kr, utf-8 변환 걱정 안해도 됩니다.
사용법은.. 아래와 같이 그냥 ajaxForm 함수만 실행해 주면 됩니다. Callback 함수 지정도 되네요~
<html>
<head>
<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>
</head>
무튼 전 유용하게 잘 썼습니다. ^^