简单的总结一下form表单提交的几种方式:
1.最简单的方式 就用form的submit提交方式,这种提交方式是不需要回调函数的
这种方式最近到一个form提供action路径后台接受就可以
<1form action="uploadify/getJsonText.do" method="post" id="textForm" enctype="multipart/form-data">
<1input type="file" name="geometryUpload" id="map_overlap_upload_file" />
<1input type="submit" click="sumbitForm">
<1/form>
利用 submit按钮就可以提交到后台,如果不想打开新的页面,在submitForm方法中设置return false;
2.利用按钮进行form的提交,包括ajax的post,get请求
// $.ajax({
// type: "POST",
// dataType: "text",
// url:"uploadify/getJsonText.do",
// data:$('#textForm').serialize(),
// error: function(request) {
// alert("Connection error");
// },
// success: function(data) {
// alert("data");
// }
// });
这里主要的是表单的序列化操作,但是我试了序列化只是对于简单的表单可以比如 输入框之类的,对于file之类的是不可以的,这可以接受回调函数,进行处理对应的操作
3.利用ajax的ajaxSubmit方法进行提交
// $("#textForm").ajaxSubmit({
// type: 'post',
// dataType:'text',
// url: "uploadify/getJsonText.do" ,
// success: function(data){
// alert( "success");
// },
// error: function(XmlHttpRequest, textStatus, errorThrown){
// alert( "error");
// }
// });
//
利用ajaxsumbit既可以实现简单的form提交,也可以获取后台参数
4.利用插件ajaxForm方式进行提交
// var options = {
// url:'uploadify/getJsonText.do',
// success: function() {
// alert('Thanks for your comment!');
// } };
// $('#textForm').ajaxForm(options){
// $(this).ajaxSubmit();
// // 为了防止普通浏览器进行表单提交和产生页面导航(防止页面刷新?)返回false
// return false;
// }
相关文章
- 10-13初入江湖系列之写正则的几种方式
- 10-13Python几种列表生成方式的性能比较
- 10-13js将类数组转换成数组的几种方式
- 10-13python格式化输出的几种方式
- 10-13jQuery的$.ajax通过提交表单同步上传图片
- 10-13js赋值变了,被赋值的对象也变了。封装组件时,初始化一个对象,将初始化对象赋值给另一个对象,与form表单双向绑定,form表单变了,与form表单双向绑定的值也变了,最终导致初始化对象改变
- 10-13vue 提交form表单,含图片,element-ui
- 10-132021-7-6 VUE的简易表单提交
- 10-13ajax 异步 提交 含文件的表单
- 10-13springboot读取配置文件的几种方式