jQuery Form Plugin (一) :使用AJAX提交Form表单
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
?? <title>My Jquery</title>
?? <script type="text/javascript" src="<%=request.getContextPath()%>/jslib/jquery-1.4.2.js"></script>
?? <script type="text/javascript" src="<%=request.getContextPath()%>/jslib/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!");
??????????? });
??????? });
??????? // attach handler to form's submit event
??????? $('#myFormId').submit(function() {????
???????? // submit the form????
???????? $(this).ajaxSubmit();????
???????? // return false to prevent normal browser submit and page navigation????
???????? return false;
??????? });
??? </script>
</head>
<body>
?? <form id="myForm" action="index.jsp" method="post">
??? Name: <input type="text" name="name" />
??? Comment:<textarea name="comment"></textarea>
??? <input type="submit" value="Submit Comment" />
?? </form>
</body>
</html>
?