通过Ajax进行POST提交JSON类型的数据到SpringMVC Controller的方法
现在在做的项目用到了SpringMVC框架,需要从前端angular接收请求的JSON数据,为了测试方便,所以直接先用AJAX进行测试,不过刚开始用平时用的ajax方法,提交请求会出现415或者400错误,经过研究,终于可以了,现在做个总结。
js代码:
-
function postSimpleData() {
-
$.ajax({
-
type: "POST",
-
url: "Service/SimpleData",
-
contentType: "application/json", //必须有
-
dataType: "json", //表示返回值类型,不必须
-
data: JSON.stringify({ 'foo': 'foovalue', 'bar': 'barvalue' }), //相当于 //data: "{'str1':'foovalue', 'str2':'barvalue'}",
-
success: function (jsonResult) {
-
alert(jsonResult);
-
}
-
});
-
}
-
function login(){
-
$.ajax({
-
url: "Service/login",
-
type: "POST",
-
contentType: "application/json",
-
dataType: "json",
-
data: JSON.stringify({
-
MachineIP:"127.0.0.1",
-
AppTag:"4",
-
RequestInfo:{
-
StaffCode:"",
-
Password:"",
-
StaffCard:"01411"
-
},
-
}),
-
async: true,
-
success: function(data) {
-
var ss = JSON.stringify(data);
-
$("#result").val(ss);
-
console.log(ss);
-
}
-
});
-
}
-
function postEmployees() {
-
$.ajax({
-
type: "POST",
-
url: "Service/Employees",
-
contentType: "application/json",
-
dataType: "json",
-
data: JSON.stringify({ "Employees": [
-
{ "firstName": "Bill", "lastName": "Gates" },
-
{ "firstName": "George", "lastName": "Bush" },
-
{ "firstName": "Thomas", "lastName": "Carter" }
-
]
-
-
}),
-
success: function (jsonResult) {
-
alert(jsonResult);
-
}
-
});
-
}
JAVA Controller代码:
-
@RequestMapping(value = "/SimpleData", method = RequestMethod.POST)
-
@ResponseBody
-
public ActionResult SimpleData(string foo, string bar) {
-
return Json("SimpleData", JsonRequestBehavior.AllowGet);
-
}
-
-
@RequestMapping(value = "/login", method = RequestMethod.POST)
-
@ResponseBody
-
public ResponseProtocolMap login(@RequestBody JSONObject requestJson, HttpServletRequest request) {
-
ResponseProtocolMap responseProtocolMap = null;
-
String machineIP = RequestJsonUtils.getMachineIP(requestJson);
-
String appTag = RequestJsonUtils.getAppTag(requestJson);
-
JSONObject requestInfo = RequestJsonUtils.getRequestInfo(requestJson);
-
if (requestInfo == null) {
-
responseProtocolMap = new ResponseProtocolMap("-1", "参数错误");
-
} else {
-
String staffCode = RequestJsonUtils.getValueByKey(requestInfo, "StaffCode");
-
String password = RequestJsonUtils.getValueByKey(requestInfo, "Password");
-
String staffCard = RequestJsonUtils.getValueByKey(requestInfo, "StaffCard");
-
responseProtocolMap = sysLoginService.login(staffCode, password, staffCard, appTag, request);
-
}
-
return responseProtocolMap;
-
}
-
-
@RequestMapping(value = "/Employees", method = RequestMethod.POST)
-
@ResponseBody
-
public ActionResult Employees(List<Employee> Employees) {
-
return Json("Employees", JsonRequestBehavior.AllowGet);
-
}
-
public class Employee{
-
public string FirstName { get; set; }
-
public string LastName { get; set; }
-
}
值得注意的有2点:
1)Ajax 选项中
contentType: "application/json"
这一条必须写,表明request的数据类型是json。
而
dataType: "json"
这一条表示返回值的类型,不是必须的,且依据返回值类型而定。
2)选项中
data: JSON.stringify({ 'foo': 'foovalue', 'bar': 'barvalue' })
很多时候我们将数据写作:
{ 'foo': 'foovalue', 'bar': 'barvalue' }
这样会导致错误,因为js会默认将这个json对象放到表单数据中,故而导致controller接收不到。
有两种办法处理:第一种方式是用JSON.stringify()函数,其中JSON被Ecmascript5定义为全局对象。
第二种方式是直接用双引号包裹起来,比如data: "{'str1':'foovalue', 'str2':'barvalue'}"。
通过Ajax进行POST提交JSON类型的数据到SpringMVC Controller的方法的更多相关文章
- springmvc接收JSON类型的数据
1.在使用AJAX传递JSON数据的时候要将contentType的类型设置为"application/json",否则的话会提示415错误 2.传递的data需要时JSON类型的 ...
- springMVC参数绑定JSON类型的数据
需求就是: 现在保存一个Student,并且保存Student的friend,一个student会有多个朋友,这里要传递到后台的参数是: var friends = new Array(); var ...
- 关于ajax 进行post提交 json数据到controller
首选需要参考的两个博客: www.cnblogs.com/Benjamin/archive/2013/09/11/3314576.html http://www.cnblogs.com/quanyon ...
- 通过Ajax post Json类型的数据到Controller
View function postSimpleData() { $.ajax({ type: "POST", url: "/Service/SimpleData&quo ...
- jquery ajax提交json格式的数据,后台接收并显示各个属性
我的表单如下: <form onsubmit="return false"> <ul> <li><span>用户名</span ...
- Mysql里查询字段为Json格式的数据模糊查询以及分页方法
public void datagrid(CustomFormEntity customForm,HttpServletRequest request, HttpServletResponse res ...
- 9.SpringMVC和json结合传递数据 && 10.SpringMVC获取controller中json的数据
- SpringMVC——对Ajax的处理(包含 JSON 类型)
一.首先要搞明白的一些事情. 1.从客户端来看,需要搞明白: (1)要发送什么样格式的 JSON 数据才能被服务器端的 SpringMVC 很便捷的处理,怎么才能让我们写更少的代码,如何做好 JSON ...
- Struts2+Jquery实现ajax并返回json类型数据
来源于:http://my.oschina.net/simpleton/blog/139212 摘要 主要实现步骤如下: 1.JSP页面使用脚本代码执行ajax请求 2.Action中查询出需要返回的 ...
随机推荐
- JVM-java字符编码
在JVM内部,所有的字符都是用Unicode编码的.而对于JVM所在操作系统的文件系统,可能有不同的编码类型. 由于JVM和OS文件系统所使用的编码方式不同,JVM在与操作系统进行数据交互的时候,就会 ...
- Gitblit从一个服务器,迁移到另外一个服务器
http://gitblit.com/federation.html A Gitblit federation is a mechanism to clone repositories and kee ...
- POJ 3181完全背包(+高精)
思路: f[i]表示还剩i空间的方案数 套个高精 (网上有人把它拆成了两个long long) 其实这道题的高精并不难写-.. //By SiriusRen #include <cstdio&g ...
- HDU 5375 Gray Code 动归
题意:给你一串不确定的二进制码,其对应的格雷码的每一位有对应的权值,问转换成的格雷码的能取到的最大权值是多少. 思路:没有思路,乱搞也AC #pragma comment(linker, " ...
- 使用INSERT…SELECT语法插入记录(三十二)
前面,我们在谈INSERT语句时,使用两种语句:INSERT…SELECT 和 INSERT…VALUES. INSERT…SELECT可以使用子查询.因为在写SELECT时. *** = ...
- selenium无法定位元素问题
在用自动化测试工具selenium完成下载任务时,经常会遇到定位不到元素的情况,总结如下: 1.frame/iframe原因定位不到元素: 这个是最常见的原因,首先要理解下frame的实质,frame ...
- JS对象继承与原型链
1.以复制方式实现的继承 1.1浅拷贝 基本类型的复制 var parent = { lanage: "chinese" } var child = { name: "x ...
- angular实现简单的pagination分页组件
不想使用第三方库,只想使用一个分页器,那么就简单的实现一个,效果如下: 1.使用方式: <custom-pagination *ngIf="enterpriseList.length& ...
- python第六次作业——随笔
第一就是教的和布置的作业难度不一样.python在课堂上学到的东西太基础.然而作业基本上在教义是不能直接找到公式照搬的(尤其是第五次作业文件处理要用到pandas和numpy),所以做作业只能自己去找 ...
- JS数组去重的6种算法实现
1.遍历数组法 最简单的去重方法,实现思路:新建一新数组,遍历传入数组,值不在新数组就加入该新数组中:注意点:判断值是否在数组的方法"indexOf"是ECMAScript5 方法 ...