简单的总结一下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;
//    }

转自:http://blog.sina.com.cn/s/blog_a9be5a470102vkzg.html##1

转载于:https://www.cnblogs.com/kunyun/p/10685538.html

Form 表单提交的几种方式相关推荐

  1. 防止form表单提交的几种方式

    1. 背景介绍 在开发项目中肯可能会出现如下情况: 1. 用户的失误操作,多次点击表单提交按钮 2. 由于网速等原因造成页面卡顿,用户重复刷新提交页面 3. 黑客或恶意用户使用postman等工具重复 ...

  2. 自我总结和学习表单提交的几种方式 (一)

    最近总是记不住表单提交的几种方式,并且各种方式的适应场景也不知道,干脆来总结一次,当再学习过程. 首先从最简单的开始练手: [1]纯form表单形式,无js和ajax ,提交路径有action决定,方 ...

  3. python表单提交的两种方式_Flask框架学习笔记之表单基础介绍与表单提交方式

    本文实例讲述了Flask框架学习笔记之表单基础介绍与表单提交方式.分享给大家供大家参考,具体如下: 表单介绍 表单是HTML页面中负责数据采集功能的部件.由表单标签,表单域和表单按钮组成.通过表单,将 ...

  4. onsubmit阻止表单提交的一种方式

    最近做移动开发,一下从后台转移到前端了,之前写了一年的java代码,现在天天搞jQ  css html ,肯定有点不习惯,不过现在已经适应了,写页面还是挺好玩的. 言归正传,今天遇到的就是怎么阻止表单 ...

  5. 框架:HTTP请求的表单提交的几种方式

    其实就是三种: 1.  直接把表单的参数写在Controller相应的方法的形参中 2.  通过HttpServletRequest接收 3.  通过一个bean来接收(JSON转bean)就是我的项 ...

  6. python表单提交的两种方式_详解flask表单提交的两种方式

    一.通用方式 通用方式就是使用ajax或者$.post来提交. 前端html ... data Submit &nbsp 将操作绑定 $(document).ready(function() ...

  7. HTML form 表单提交数据 采用ajax方式返回成功后 页面跳转问题

    今天遇到了一个问题就是 写注册的html时候,采用的from表单取数据 ajax 发请求 请求成功后发现不能跳转页面 . 要注意几点就是: 1.input标签type类型 submit要改为butto ...

  8. html 提交form表单提交数据格式,form表单提交数据

    form表单提交的几种方法 HTML表单提交的几种方式方式一:通过submit按钮提交方式二:通过一般按钮button提交1/3javascript">functionsubmit1( ...

  9. form表单提交带参数的两种方式

    #第一种方式# action写明了LoginServlet,通过submit按钮直接提交到后台 <form action="LoginServlet" method=&quo ...

最新文章

  1. 让jquery中的load不缓存方法
  2. mats显卡测试软件的使用教程,MATS使用说明
  3. 关闭Visual Studio中的自动代码分析
  4. SVM学习(三):线性分类器的求解
  5. 阿里云入选 2021 Gartner APM 魔力象限,国内唯一入选云厂商
  6. C++ 学习笔记之——输入和输出
  7. 7-5 流水作业调度 (10 分)(思路+详解+johnson解析)Come Baby!!!!!!!!!!
  8. SAP License:SAP中的凭证查询、科目余额表及分类账详解
  9. VsCode crtl + 鼠标右键 python代码无法跳转
  10. Comet OJ - Contest #3 题解
  11. 创建Date对象的几种方式
  12. 八类网线测试仪之深入探讨-AEM
  13. 1024,来一套程序员续命操!
  14. Apple ID 登录
  15. Lattice Mico8在LMS创建一个工程和创建LED程序
  16. Jetson TX2 arm板子刷机,安装Caffe
  17. sonar覆盖率、代码覆盖率、分支覆盖率的计算方式
  18. win7专业版找不到ie浏览器
  19. camunda如何监控流程执行
  20. (转)PKI技术及应用开发指南

热门文章

  1. 统一旗下被遗忘的“奶茶之王”,居然还在闷声发财?
  2. 浅析Unity协程实现原理
  3. Murano的Symphony和Mesos(Marathon)的package和imge全部做好了
  4. 学生HTML个人网页作业作品 (服装商城HTML+CSS)
  5. VS 2017 众多重构插件
  6. Linux 设备——网络驱动
  7. MCMC算法--Gibbs采样2:多元高斯分布的边际分布与条件分布推导
  8. 有趣的java 开发_开发人员历史中的五个有趣时刻
  9. layui不能关闭弹出层
  10. 如何获取电脑名称_____机房收费系统