几种常见提交方法

Form表单的提交方法挺多的,下面让我们来了解一下一些常用的提交方法

1、ajaxSubmit提交方式。ajaxSubmit提交呢,不会出现页面的跳转,它是jquery.form.js中封装好的一个提交方法。

这是HTML中的样式,在form标签中加入一个action属性,将要提交的数据URL放入其中,再加入一个method属性,method中添加的是提交请求的方法

这是js代码,即提交成功后关闭模态框并发送成功提示、刷新表格,失败呢,也给它发送了个提示

2、直接通过HTML提交form表单,不过这样会发生页面的跳转。

3、这个方法在上一个方法上进行了优化,使用js提交,这样呢,就给密码进行了加密,相比上一个更安全,也会出现页面的跳转

HTML代码:

Js提交代码:

4、上面用的是通过给按钮添加点击事件,调用js中的提交方法进行提交form的,也可以直接运用HTML5中的onSubmit这个属性实现提交功能,js中获取到form表单并返回true,再到onSubmit中返回该方法即可。

HTML代码:

Js代码:

5、ajax异步提交。

Js代码:

Type中写的是提交方式,url毫无疑问是提交的数据的路径,data中就是你要提交的数据,dataType提交的数据类型,async是异步串行端口,我们这里给出值为否,success中写的是请求成功后执行的一个回调函数,一般成功或失败都要有这么个回调函数,提示用户是否成功,

也可以是调用另外一个方法。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值