jquery.form.js实现将form提交转为ajax方式提交的方法

这篇文章主要介绍了jquery.form.js实现将form提交转为ajax方式提交的方法,涉及jQuery插件实现form表单的Ajax提交技巧,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了jquery.form.js实现将form提交转为ajax方式提交的方法。分享给大家供大家参考。具体分析如下：

这个框架集合form提交、验证、上传的功能。

这个框架必须和jquery完整版结合，否则使用min则无效。

原理：利用js进行对form进行组装成ajax的url和data，原理还是用ajax来提交，其实这完全可以自己写，但是有这个框架可能会更简单。

一、最简单例子：

第一步：引用js

?
第二步：页面写form

?
第三步：写js调用jquery.form.js，对form表单进行ajax提交

?
二、options对象内的值有哪些？

主要的有那么几个常用的属性：

?
三、如何解析服务器传递过来的json数据

我们知道，使用jquery提供的ajax方法，如果服务器传递回来的是json数据，是可以转换为js的json对象，然后可以通过json.xxx来获取相应的值。那么这个框架呢？

1）首先options参数中指定dataType：'json'

2）通过框架进行提交

3）服务器接收

4）服务器返回json

5）页面js接收json

关键是第五步，如何js接收json，是可以通过success: 指定的方法内部进行如下操作：

?
四、如何通过这个框架进行简单的验证呢？

说到验证，那肯定是在beforeSubmit的方法内部进行验证的，如何验证，因为这个方法已经将jqform对象，还有formData都传给你了，你可以拿这两个参数进行获取相应的input，然后进行自己的判定，如果判定成功，则提交。

?