jQuery使用$.ajax提交表单完整实例

这篇文章主要介绍了jQuery使用$.ajax提交表单的方法,以完整实例形式分析了jQuery基于ajax数据提交的具体步骤与数据处理技巧,非常简单实用,代码备有详尽的注释便于理解,需要的朋友可以参考下

本文实例讲述了jQuery使用$.ajax提交表单的方法。分享给大家供大家参考，具体如下：

首先，新建Login.html页面：

    body { font-size: 13px; } .divFrame { width: 225px; border: solid 1px #666; } .divFrame .divTitle { padding: 5px; background-color: #eee; height: 23px; } .divFrame .divTitle span { float: left; padding: 2px; padding-top: 5px; } .divFrame .divContent { padding: 8px; text-align: center; } .divFrame .divContent .clsShow { font-size: 14px; line-height: 2.0em; } .divFrame .divContent .clsShow .clsError { font-size: 13px; border: solid 1px #cc3300; padding: 2px; display: none; margin-bottom: 5px; background-color: #ffe0a3; } .txt { border: #666 1px solid; padding: 2px; width: 150px; margin-right: 3px; } .btn { border: #666 1px solid; padding: 2px; width: 50px; }     用户登录    名称： 密码：  &nbsp 

然后，新建Login.aspx，接收并处理数据：

希望本文所述对大家jQuery程序设计有所帮助。

以上就是jQuery使用$.ajax提交表单完整实例的详细内容，更多请关注本站其它相关文章！