Form 表单提交的几种方式
简单的总结一下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 表单提交的几种方式相关推荐
- 防止form表单提交的几种方式
1. 背景介绍 在开发项目中肯可能会出现如下情况: 1. 用户的失误操作,多次点击表单提交按钮 2. 由于网速等原因造成页面卡顿,用户重复刷新提交页面 3. 黑客或恶意用户使用postman等工具重复 ...
- 自我总结和学习表单提交的几种方式 (一)
最近总是记不住表单提交的几种方式,并且各种方式的适应场景也不知道,干脆来总结一次,当再学习过程. 首先从最简单的开始练手: [1]纯form表单形式,无js和ajax ,提交路径有action决定,方 ...
- python表单提交的两种方式_Flask框架学习笔记之表单基础介绍与表单提交方式
本文实例讲述了Flask框架学习笔记之表单基础介绍与表单提交方式.分享给大家供大家参考,具体如下: 表单介绍 表单是HTML页面中负责数据采集功能的部件.由表单标签,表单域和表单按钮组成.通过表单,将 ...
- onsubmit阻止表单提交的一种方式
最近做移动开发,一下从后台转移到前端了,之前写了一年的java代码,现在天天搞jQ css html ,肯定有点不习惯,不过现在已经适应了,写页面还是挺好玩的. 言归正传,今天遇到的就是怎么阻止表单 ...
- 框架:HTTP请求的表单提交的几种方式
其实就是三种: 1. 直接把表单的参数写在Controller相应的方法的形参中 2. 通过HttpServletRequest接收 3. 通过一个bean来接收(JSON转bean)就是我的项 ...
- python表单提交的两种方式_详解flask表单提交的两种方式
一.通用方式 通用方式就是使用ajax或者$.post来提交. 前端html ... data Submit   将操作绑定 $(document).ready(function() ...
- HTML form 表单提交数据 采用ajax方式返回成功后 页面跳转问题
今天遇到了一个问题就是 写注册的html时候,采用的from表单取数据 ajax 发请求 请求成功后发现不能跳转页面 . 要注意几点就是: 1.input标签type类型 submit要改为butto ...
- html 提交form表单提交数据格式,form表单提交数据
form表单提交的几种方法 HTML表单提交的几种方式方式一:通过submit按钮提交方式二:通过一般按钮button提交1/3javascript">functionsubmit1( ...
- form表单提交带参数的两种方式
#第一种方式# action写明了LoginServlet,通过submit按钮直接提交到后台 <form action="LoginServlet" method=&quo ...
最新文章
- 让jquery中的load不缓存方法
- mats显卡测试软件的使用教程,MATS使用说明
- 关闭Visual Studio中的自动代码分析
- SVM学习(三):线性分类器的求解
- 阿里云入选 2021 Gartner APM 魔力象限,国内唯一入选云厂商
- C++ 学习笔记之——输入和输出
- 7-5 流水作业调度 (10 分)(思路+详解+johnson解析)Come Baby!!!!!!!!!!
- SAP License:SAP中的凭证查询、科目余额表及分类账详解
- VsCode crtl + 鼠标右键 python代码无法跳转
- Comet OJ - Contest #3 题解
- 创建Date对象的几种方式
- 八类网线测试仪之深入探讨-AEM
- 1024,来一套程序员续命操!
- Apple ID 登录
- Lattice Mico8在LMS创建一个工程和创建LED程序
- Jetson TX2 arm板子刷机,安装Caffe
- sonar覆盖率、代码覆盖率、分支覆盖率的计算方式
- win7专业版找不到ie浏览器
- camunda如何监控流程执行
- (转)PKI技术及应用开发指南
热门文章
- 统一旗下被遗忘的“奶茶之王”,居然还在闷声发财?
- 浅析Unity协程实现原理
- Murano的Symphony和Mesos(Marathon)的package和imge全部做好了
- 学生HTML个人网页作业作品 (服装商城HTML+CSS)
- VS 2017 众多重构插件
- Linux 设备——网络驱动
- MCMC算法--Gibbs采样2:多元高斯分布的边际分布与条件分布推导
- 有趣的java 开发_开发人员历史中的五个有趣时刻
- layui不能关闭弹出层
- 如何获取电脑名称_____机房收费系统