当前位置:Gxlcms > JavaScript > jquery.form.js实现将form提交转为ajax方式提交的方法_jquery

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

时间:2021-07-01 10:21:17 帮助过:9人阅读

本文实例讲述了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,然后进行自己的判定,如果判定成功,则提交。

jquery.form.js文件点击此处本站下载。

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

人气教程排行