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请求代码中,都会带有一个时间戳类型的参数,当时随便查了一下,是为了防止浏览器缓存的原因,所以也没有进行深究,每次写的时候也习惯性的带一个,最近新项目中,我发现好 ...
随机推荐
- netbeans php环境搭建
jdk必须: sudo apt-get install openjdk-7-jdk
- the difference between fopen&open
[the difference between fopen&open] fopen是C标准API,open是linux系统调用,层次上fopen基于open,在其之上.fopen有缓存,ope ...
- Python id() 函数
Python id() 函数 Python 内置函数 描述 id() 函数用于获取对象的内存地址. 语法 id 语法: id([object]) 参数说明: object -- 对象. 返回值 返回 ...
- mac下yii安装
下载https://github.com/yiisoft/yii2-app-advanced/releases,里边没index.php文件 1.http://www.yiichina.com/que ...
- 使用net Manager工具配置远程连接oracle
一,在服务端配置oracle端口在命令行中输入netca命令,打开相关配置默认端口号为1521 二,配置端口后使用Telnet工具调试端口是否联通 在命令行输入telnet 服务器ip 端口号 三,找 ...
- python在windows环境安装MySQLdb
一.环境 系统:win7,64位 python版本:2.7.15 pip版本:10.0.1 二.安装 1. 用pip安装 pip install MySQLdb 报错: Could not find ...
- 映射文件中增删改查标签中的parameterType和resultType
parameterType:指定输入参数类型,mybatis通过ognl从输入对象中获取参数值拼接在sql中. resultType:指定输出结果类型,mybatis将sql查询结果的一行记录数据映射 ...
- ajax 测试
在学习SpringMVC的过程中,接触到ajax,顺便复习一下前面学习到的知识! 这篇博客中讲的比较详细 http://www.cnblogs.com/lsnproj/archive/2012/02/ ...
- Android-Sqlite-升级操作
一想到Android到数据库,只需要想到一个类 SQLiteOpenHelper,然后写一个类继承 SQLiteOpenHelper,重写构造方法,对数据库进行配置 public class MySQ ...
- Mysql报Packet for query is too large (1040 > 1024)错误
Linux下mysql 报Packet for query is too large (1040 > 1024)错误的解决方法 项目之前一直正常运行,这几天突然一直提示查询出错,看了下日志发现提 ...