Ajax请求的参数
- post请求和get请求存放参数位置
post请求和get请求存放参数位置是不同的:
post方式参数存放在请求数据包的消息体中。
get方式参数存放在请求数据包的请求行的URI字段中,以?开始以param=value¶m2=value2的形式附加在URI字段之后。
而request.setCharacterEncoding(charset);只对消息体中的数据起作用,对于URI字段中的参数不起作用。
get用new String(target.trim().getBytes("ISO-8859-1"), charset);
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
get请求的参数
$.ajax({
url : SITE_PATH + "/userLogRecord/getList3?name1=name&name2=name2",
type : 'GET',
dataType : 'json',
data:{name3:"name3"},
success : function(data) {
console.log(111111);
},
error : function(msg) {
}
});
1、没有search也没有data,即标准的无参数get请求,这种既然没有参数,当然也就不涉及content-Type(请求参数data的数据类型)。
因此url+type就是必须得了,dataType视返回结果而定,常见的无非是两种,一种不用写,一种如上所示为json。
2、
有search没有data
没有search有data
有search也有data
这三种都是一样的,都会拼接在url后面以search的形式进行请求
$.ajax({
url : SITE_PATH + "/userLogRecord/getList3",
type : 'GET',
dataType : 'json',
success : function(data) {
console.log(1);
},
error : function(msg) {
console.log(0);
}
}); $.ajax({
url : SITE_PATH + "/userLogRecord/getList4?name1=name1&name2=name2&name3=name3",
type : 'GET',
dataType : 'json',
success : function(data) {
console.log(1);
},
error : function(msg) {
console.log(0);
}
}); $.ajax({
url : SITE_PATH + "/userLogRecord/getList5",
type : 'GET',
dataType : 'json',
data:{name1:"name1",name2:"name2",name3:"name3"},
success : function(data) {
console.log(1);
},
error : function(msg) {
console.log(0);
}
}); $.ajax({
url : SITE_PATH + "/userLogRecord/getList6?name1=name1",
type : 'GET',
dataType : 'json',
data:{name2:"name2",name3:"name3"},
success : function(data) {
console.log(1);
},
error : function(msg) {
console.log(0);
}
});
因此对于GET请求
1、放在URL后面和data里面都是一样的
2、放在data里面的数据不能转成JSON对象,应该使用JSON字符串
data:JSON.stringify({name3:"name3"}),
3、content-Type可以不设置,或者设置成默认值application/x-www-form-urlencoded,此时绝对不能使用contentType : 'application/json;charset=UTF-8',
@RequestMapping(value = "/getList3", method = RequestMethod.GET)
@ResponseBody
public Map<String, Object> getList3() {
Map<String, Object> result = new HashMap<>();
result.put("status", "getList3");
return result;
} @RequestMapping(value = "/getList4", method = RequestMethod.GET)
@ResponseBody
public Map<String, Object> getList4(String name1, String name2,String name3 ) {
Map<String, Object> result = new HashMap<>();
result.put("status", "getList4");
result.put("name1", name1);
result.put("name2", name2);
result.put("name3", name3);
return result;
} @RequestMapping(value = "/getList5", method = RequestMethod.GET)
@ResponseBody
public Map<String, Object> getList5(String name1, String name2,String name3 ) {
Map<String, Object> result = new HashMap<>();
result.put("status", "getList5");
result.put("name1", name1);
result.put("name2", name2);
result.put("name3", name3);
return result;
} @RequestMapping(value = "/getList6", method = RequestMethod.GET)
@ResponseBody
public Map<String, Object> getList6(String name1, String name2,String name3 ) {
Map<String, Object> result = new HashMap<>();
result.put("status", "getList6");
result.put("name1", name1);
result.put("name2", name2);
result.put("name3", name3);
return result;
}
@ResponseBody(这个注解意味着这个方法的返回值不是页面名称,而是同一次请求的返回体(也就是服务器返回给客户端的数据))
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
POST请求的参数
对于放在URL后面的search,这个跟GET一样
但是对于data,有两种
一种是使用json字符串,不能使用JSON.stringify(({name3:"name3"}),contentType为默认值application/x-www-form-urlencoded
一种是使用json对象,必须使用JSON.stringify(({name3:"name3"}),contentType : 'application/json;charset=UTF-8',
$.ajax({
url : SITE_PATH + "/userLogRecord/getList?name1=name1",
type : 'POST',
async : false,
contentType : 'application/json;charset=UTF-8',
dataType : 'json',
data : JSON.stringify(parameter),
success : function(data) {
console.log(111111);
},
error : function(msg) {
}
}); $.ajax({
url : SITE_PATH + "/userLogRecord/getList1",
type : 'POST',
dataType : 'json',
data : {name1:"aa",name2:"aasfa"},
success : function(data) {
console.log(111111);
},
error : function(msg) {
}
}); $.ajax({
url : SITE_PATH + "/userLogRecord/getList2?name1=name&name2=name2",
type : 'POST',
dataType : 'json',
success : function(data) {
console.log(111111);
},
error : function(msg) {
}
}); $.ajax({
url : SITE_PATH + "/userLogRecord/getList21?name1=name&name2=name2",
type : 'POST',
dataType : 'json',
data:{name3:"name3"},
success : function(data) {
console.log(111111);
},
error : function(msg) {
}
});
@RequestMapping(value = "/getList")
@ResponseBody
public Map<String, Object> getList(@RequestBody Map<String, Object> data , String name1) {
Map<String, Object> result = new HashMap<>();
result.put("status", "success1");
return result;
} @RequestMapping(value = "/getList1")
@ResponseBody
public Map<String, Object> getList1(String name1, String name2) {
Map<String, Object> result = new HashMap<>();
result.put("status", "success1-name1");
result.put("name1", name1);
result.put("name2", name2);
return result;
} @RequestMapping(value = "/getList2")
@ResponseBody
public Map<String, Object> getList2(String name1, String name2) {
Map<String, Object> result = new HashMap<>();
result.put("status", "success1-name1");
result.put("name1", name1);
result.put("name2", name2);
return result;
} @RequestMapping(value = "/getList21")
@ResponseBody
public Map<String, Object> getList21(String name1, String name2,String name3) {
Map<String, Object> result = new HashMap<>();
result.put("status", "success1-name1");
result.put("name1", name1);
result.put("name2", name2);
result.put("name3", name3);
return result;
}
1、传递json字符串的时候,POST请求的data并没有合到URL里面一起请求,但是在后台接收参数的时候,search和data都是通过同名参数直接接收的。
2、传递JSON对象的时候,需要用@RequestBody Map<String, Object> data,后台才能够接收到参数。
Ajax请求的参数的更多相关文章
- ajax请求在参数中添加时间戳
ajax请求在参数中添加时间戳 参考网址
- Ajax请求传递参数遇到的问题
想写个同类型的,代码未测. 什么是WebAPI?我的理解是WebAPI+JQuery(前端)基本上能完成Web MVC的功能,即:这么理解吧,WebAPI相当于Web MVC的后台部分. 接下来直接上 ...
- springmvc框架下ajax请求传参数中文乱码解决
springmvc框架下jsp界面通过ajax请求后台数据,传递中文参数到后台显示乱码 解决方法:js代码 运用encodeURI处理两次 /* *掩码处理 */ function maskWord( ...
- WebAPI学习日记一:Ajax请求传递参数遇到的问题
首先,本人大学刚毕业,想把自己学习的一些东西记录下来,也是和大家分享,如有不对之处还请多加指正.声明:但凡是我博客里的文章均是本人实际操作遇到的例子,不会随便从网上拷贝或者转载,本着对自己和观众负责的 ...
- ajax请求是参数问题
Illegal invocation processData:false,processData用于对data参数进行序列化处理,默认值是true.默认情况下发送的数据将被转换为对象,如果不希望把Fi ...
- Jquery DataTables 服务器后端分页 Ajax请求添加自定义参数.
项目使用AdminLTE(基于Bootstrap 二次开发的框架)作为开发框架. 使用DataTables 的时候部分页面需要传参 给后台做筛选过滤. 但是不知道怎么将DataTables的参数 和自 ...
- ajax请求参数为中文乱码的情况
解决中文乱码问题的方法有很多. 一.前提是ajax请求传递参数对象到后台,对象中的某个参数的值为中文,到后台之后出现乱码,导致报错.问题解决如下: rest层: 二.在tomcat的server.xm ...
- ASP.NET MVC 使 Controller 的 Action 只接受 Ajax 请求。
首先,ajax 请求跟一般的 web 请求本质是相同的,都是 http 请求.理论上服务器端是无法区分该次请求是不是 ajax 请求的,但是,既然标题都已经说了,那么肯定是有办法做的. 在 ajax ...
- 关于ajax请求,在参数中添加时间戳的必要性
之前做项目的时候,看到别人的前端ajax请求代码中,都会带有一个时间戳类型的参数,当时随便查了一下,是为了防止浏览器缓存的原因,所以也没有进行深究,每次写的时候也习惯性的带一个,最近新项目中,我发现好 ...
随机推荐
- 对avalon的类名操作进行升级
在对SVG元素进行类名操作时,发现有一个坑爹的事情,它的className竟然是一个对象,因此报一系列BUG.第一次想到的方法是添加setClasses, getClasses两个更底层的方法.于是相 ...
- lombok 注解使用
需要引入: <dependency> <groupId>org.projectlombok</groupId> <artifactId>lombok&l ...
- 轻轻松松 用U盘安装WIN7
详细图解请猛击这里:http://www.docin.com/p-624698990.html一. 制作驱动U盘1. 先下载WIN7原版盒装安装盘镜像先下载软件2. 然后下载UltraISO PE 9 ...
- [udemy]WebDevelopment_Bootstrap,Templates
Bootstrap Introduction Bootstrap 相对于CSS, JS 就像PPT模板相对于PPT 说白了就是前人已经做好了(pre-build)很多模板,你可以直接拿来主义 Boot ...
- Linux远程桌面实现(转)
http://blog.csdn.net/txg703003659/article/details/6619652 先说一下本人的实现环境: 控制端:Ubuntu 11.04 被控制端:CentOS ...
- git忽略某个文件
data/config/config.ini.php
- Jakarta Commons Cookbook
Cookbook就是工具书,应该是前年看的,在中关村看的影印版,全英文,本书主要讲解了一下模块: Core:BeanUtils,Lang,Collections,logging Db:DbUtil ...
- numpy中tile()函数
函数形式: tile(A,rep) 功能:重复A的各个维度 参数类型: - A: Array类的都可以,即A是一个ndarry数组- rep:A沿着各个维度重复的次数,表示变成的矩阵的形状,例如rep ...
- SpringBoot2.0WebFlux响应式编程知识总结
- 实战:MySQL Sending data导致查询很慢的问题详细分析(转)
出处:http://blog.csdn.net/yunhua_lee/article/details/8573621 这两天帮忙定位一个MySQL查询很慢的问题,定位过程综合各种方法.理论.工具,很有 ...