jquery form提交的2种方式

1.序列化参数提交

$.ajax({type: 'POST',url: url,data: $('#' + formId).serialize(),async: true, // true（异步）, false（同步）cache: false,contentType: false,processData: false,success: function(result) {console.log("ajax请求成功");},error: function(XMLHttpRequest, textStatus, errorThrown) {console.log("ajax请求失败");console.log("请求对象XMLHttpRequest: " + XMLHttpRequest);console.log("错误类型textStatus: " + textStatus);console.log("异常对象errorThrown: " + errorThrown);}
})

提交的是Request Payload, SpringMVC后台需要@RequestBody获取映射

2.FormData参数提交

var form = new FormData( $("#" + formId)[0] );
$.ajax({type: 'POST',url: url,data: form,async: true, // true（异步）, false（同步）cache: false,contentType: false,processData: false,success: function(result) {console.log("ajax请求成功");},error: function(XMLHttpRequest, textStatus, errorThrown) {console.log("ajax请求失败");console.log("请求对象XMLHttpRequest: " + XMLHttpRequest);console.log("错误类型textStatus: " + textStatus);console.log("异常对象errorThrown: " + errorThrown);}
})

提交的是Form Data, SpringMVC后台只需要队形即可获取映射,参数字段名和Form表单内容项的name字段名一样即可

本篇就到这,谢谢阅读

获取最新资讯,欢迎关注公众号: 软件开发与技术设计(SoftwareDesigner)

jquery form提交的2种方式相关推荐

jquery.validate+jquery.form提交的三种方式
原文:http://www.cnblogs.com/datoubaba/archive/2012/06/06/2538873.html jquery.validate+jquery.form提交的三种 ...
Form 表单提交的几种方式
简单的总结一下form表单提交的几种方式: 1.最简单的方式就用form的submit提交方式,这种提交方式是不需要回调函数的这种方式最近到一个form提供action路径后台接受就可以 & ...
自我总结和学习表单提交的几种方式 (一)
最近总是记不住表单提交的几种方式,并且各种方式的适应场景也不知道,干脆来总结一次,当再学习过程. 首先从最简单的开始练手: [1]纯form表单形式,无js和ajax ,提交路径有action决定,方 ...
网页表单form中提交的两种方式
本文是我本人在开发网页时,在表单中加入了button按钮,本来是用于jQuery点击相应事件的按钮,然后,但我点击button时,发现不是达到jQuery指定效果,原本以为class标签或者其他代码写 ...
form提交的几种方法
最近研究了下html中,form保单提交的几种方法,现与大家分享一下(注:网上可能已经有好多版本了,这里自己写下来做个总结了,哈!): 方法一:利用form的onsubmit()函数(经常使用) &l ...
git 怎么提交忽略文件夹_git 设置忽略文件提交的几种方式
在使用git进行项目管理的时候,有时候一些安装包之类,或者自己本地项目使用的一些编译文件,在不需要提交到远程仓库时,可以通过以下几种方式设置忽略提交,包括文件夹和单个文件.之前自己项目里面采用了第二种 ...
怎么利用jquery.form 提交form
说明:开发环境 vs2012 asp.net mvc c# 利用jQuery.form.js提交form 1.HTML前端代码 <%@ Page Language="C#"A ...
submit禁止提交的几种方式
<pre name="code" class="html">jsp:页面例如: <input type="submit" ...
防止form表单提交的几种方式
1. 背景介绍在开发项目中肯可能会出现如下情况: 1. 用户的失误操作,多次点击表单提交按钮 2. 由于网速等原因造成页面卡顿,用户重复刷新提交页面 3. 黑客或恶意用户使用postman等工具重复 ...
框架：HTTP请求的表单提交的几种方式
其实就是三种: 1. 直接把表单的参数写在Controller相应的方法的形参中 2. 通过HttpServletRequest接收 3. 通过一个bean来接收(JSON转bean)就是我的项 ...

jquery form提交的2种方式

jquery form提交的2种方式相关推荐

最新文章

热门文章