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中写的是请求成功后执行的一个回调函数,一般成功或失败都要有这么个回调函数,提示用户是否成功,
也可以是调用另外一个方法。