ajaxform使用

时间:2023-03-09 06:53:59
ajaxform使用

需要引入  jquery.form.js  jquery.js

1.提交的表单

<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>
2.
ajaxForm调用,会把name属性的值提交上去


<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>  官方网址:http://malsup.com/jquery/form/