jQuery Form Plugin 能夠讓你簡(jiǎn)潔的將以HTML形式提交的表單升級(jí)成采用AJAX技術(shù)提交的表單。插件里面主要的方法, ajaxForm 和 ajaxSubmit, 能夠從form組件里采集信息確定如何處理表單的提交過(guò)程。
使用的API：http://malsup.com/jquery/form/#api
使用示例代碼：
<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>
表單區(qū)：
<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>
調(diào)用區(qū)域： 通過(guò)以上的使用，就可以實(shí)現(xiàn)表單Ajax技術(shù)，是不是很簡(jiǎn)單。
使用的API：http://malsup.com/jquery/form/#api
使用示例代碼：
<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>
表單區(qū)：
<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>
調(diào)用區(qū)域： 通過(guò)以上的使用，就可以實(shí)現(xiàn)表單Ajax技術(shù)，是不是很簡(jiǎn)單。
鄂公網(wǎng)安備 42090202000212號(hào)