AJax技术

jQuery Form Plugin表单ajax提交插件

字号+ 作者:H5之家 来源:H5之家 2016-12-30 11:04 我要评论( )

jQuery Form Plugin 能够让你简洁的将以HTML形式提交的表单升级成采用AJAX技术提交的表单。插件里面主要的方法, ajaxForm 和 ajaxSubmit, 能够从form组件里采集

jQuery Form Plugin 能够让你简洁的将以HTML形式提交的表单升级成采用AJAX技术提交的表单。插件里面主要的方法, ajaxForm 和 ajaxSubmit, 能够从form组件里采集信息确定如何处理表单的提交过程。

使用的API:#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>

表单区:

<html>
<head>
    <script src=""></script>
    <script src=""></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>


调用区域: 通过以上的使用,就可以实现表单Ajax技术,是不是很简单。

热门关键词:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Ajax技术课程

    Ajax技术课程

    2016-12-30 12:00

  • 完美解决AJAX跨域问题

    完美解决AJAX跨域问题

    2016-12-28 17:01

  • Ajax的常用技巧---实现数据库分页

    Ajax的常用技巧---实现数据库分页

    2016-12-28 16:03

  • Jquery Ajax Error 调试错误的技巧,jqueryajax

    Jquery Ajax Error 调试错误的技巧,jqueryajax

    2016-12-28 16:02

网友点评