반응형
자세한 건 http://jquery.malsup.com/form/#getting-started 를 참조하고...
예제만 퍼 오자면
Overview
The jQuery Form Plugin allows you to easily and unobtrusively upgrade HTML forms to use AJAX. The main methods,ajaxForm and ajaxSubmit, gather information from the form element to determine how to manage the submit process. Both of these methods support numerous options which allows you to have full control over how the data is submitted. Submitting a form with AJAX doesn't get any easier than this!Quick Start Guide
Add a form to your page. Just a normal form, no special markup required:
<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>Include jQuery and the Form Plugin external script files and a short script to initialize the form when the DOM is ready:
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
<script src="http://malsup.github.com/jquery.form.js"></script>
<script>
// 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>
...
이렇다. 근데 이게 중요한 게 아니라,
ajaxForm 자체도 submit 이벤트를 이용한다. 즉, <form> 태그 안의 <input type=submit> 을 안 해주고, 그냥 button 으로 전송하는 게 아니란 말씀.
자고로, 계약서랑 설명서는 끝까지 읽어봐야 손과 발이 수고롭지 않은 법이다란 걸 다시 한 번 깨달았다. 씨바.
반응형
'프로그램' 카테고리의 다른 글
| 워드프레스 (0) | 2012.05.21 |
|---|---|
| php 에서 var 키워드의 사용. (0) | 2012.05.21 |
| php 에서는 함수 재선언을 지원하지 않는다. (2) | 2012.04.30 |
| php 에서 함수포인터 흉내내는 방법. (0) | 2012.04.30 |
| PHP : __("TEXT") 의 용법 (0) | 2012.04.17 |