加号变空格问题 url参数 post get 请求发送
问题:加号后台接收变空格问题
结论:
1.任何get拼接的请求 参数key value 需要编码后在拼接
2.get请求避免做数据提交,用post提交。jq,axios的post提交默认编码了不会有问题
3.php后台获取get请求和application/x-www-form-urlencoded的post请求,都自动urldedecode,所以如果请求参数
没有编码,会出现加号变空格问题
解决方案:
1. 按照form表单的方式提交, jq axios 按照表单的方式都没问题。
2.自己拼接的数据需要 进行urlencode编码, 前端可以用 encodeURIComponent 对key,value编码
遗留问题:
1. 不确定post的 multipart/form-data 有没有对参数进行urlencode编码
get请求的参数含有特殊字符 需要编码后传输。
浏览器默认get 请求和 content-type为application/x-www-form-urlencoded的post请求都会对参数进行编码,服务端默认会解码获取参数。
浏览器前端js 编码
安全字符不同 其他字符转换为%16进制值 如空格 %20
escape (69 个) */@+-._0-9a-zA-Z
encodeURI (82 个) !#$&'()*+,/:;=?@-._~0-9a-zA-Z
encodeURIComponent (71 个) !'()*-._~0-9a-zA-Z ( 注意+ 号未在其安全字符里)
适用场合不同
encodeURI 被用作对一个完整的URI 进行编码,而encodeURIComponent 被用作对URI 的一个组件进行编码。 浏览器get请求
php
urlencode (65) -_.0-9a-zA-z 特殊空格则编码为加号(+)
rawurlencode(65) -_.0-9a-zA-z 空格没有特殊处理
返回字符串,此字符串中除了 -_. 之外的所有非字母数字字符都将被替换成百分号(%)后跟两位十六进制数,空格则编码为加号(+)。此编码与 WWW 表单 POST 数据的编码方式是一样的,同时与 application/x-www-form-urlencoded 的媒体类型编码方式一样。由于历史原因,此编码在将空格编码为加号(+)方面与 RFC1738 编码(参见 rawurlencode())不同。
rawurlencode 函数:
返回字符串,此字符串中除了 -_. 之外的所有非字母数字字符都将被替换成百分号(%)后跟两位十六进制数。这是在 » RFC 3986 中描述的编码,是为了保护原义字符以免其被解释为特殊的 URL 定界符,同时保护 URL 格式以免其被传输媒体(像一些邮件系统)使用字符转换时弄乱。
下面为请求测试代码
结论:
# form method="get" enctype="application/x-www-form-urlencoded"
<input name="v2" value="form get request 123 我+123" disable>
/index/test?v1=&v2=form+get+request+123+%E6%88%91%2B123
结果:一致
[v2] => form get request 123 我+123
# form method="post" enctype="application/x-www-form-urlencoded"
<input name="v2" value="form get request 123 我+123" disable>
/index/test?v1=&v2=form+get+request+123+%E6%88%91%2B123
结果:一致
[v2] => form get request 123 我+123
# form method="post" enctype="multipart/form-data"
<input name="v2" value="form post multipart/form-data request 123 我+123" disable>
/index/test?v1=&v2=form+get+request+123+%E6%88%91%2B123
结果:一致
[v2] => form get request 123 我+123
# a
<a href="http://192.168.2.251/index/test?v2= a get request 123 我+123">跳转</a>
/index/test?v2=%20a%20get%20request%20123%20%E6%88%91+123
结果:不一致
[v2] => a get request 123 我 123
# axios
## get
1.
url = 'http://192.168.2.251/index/test?v2= a get request 123 我+123'
axios.get(url)
结果:不一致
发送形式:http://192.168.2.251/index/test?v2=%20a%20get%20request%20123%20%E6%88%91+123
[v2] => a get request 123 我 123
2.
url = 'http://192.168.2.251/index/test'
let data = {
params:{v2: ' a get request 123 我+123'}
}
axios.get(url,data)
结果:一致
发送形式:http://192.168.2.251/index/test?v2=+a+get+request+123+%E6%88%91%2B123
[v2] => a get request 123 我+123
## post
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<a href="/" class="trans_effect">摸我!</a>
<button class="fade in" onclick="fade(this)">fade</button>
<div class="dialog fade " onclick="fade()" >
<slot name="header"></slot>
<slot name="body"></slot>
<slot name="footer"></slot>
</div>
<iframe width="100%" height="300" src="http://jsrun.net/6ZYKp/embedded/all/light/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
<form method="get" action="http://192.168.2.251/index/test">
<input name="v1">
<input name="v2" value="form get request 123 我+123" disable>
<button type="submit">submit get</button>
</form>
<form method="post" enctype="application/x-www-form-urlencoded" action="http://192.168.2.251/index/test">
<input name="v1">
<input name="v2" value="form post application/x-www-form-urlencoded request 123 我+123" disable>
<button type="submit">submit post application/x-www-form-urlencoded</button>
</form>
<form method="post" enctype="multipart/form-data" action="http://192.168.2.251/index/test">
<input type="file" name="v1">
<input name="v2" value="form post multipart/form-data request 123 我+123" disable>
<button type="submit">submit post multipart/form-data</button>
</form>
<div><a href="http://192.168.2.251/index/test?v2= a get request 123 我+123">跳转</a></div>
<div>
<button onclick="getAjax()">getAjax</button>
<button onclick="postAjax()">postAjax</button>
</div>
</body>
<script src="https://cdn.bootcss.com/axios/0.17.1/axios.min.js"></script>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
function getAjax(){
url = 'http://192.168.2.251/index/test?v2= a get request 123 我+123'
axios.get(url)
url = 'http://192.168.2.251/index/test'
let data = {
params:{v2: ' a get request 123 我+123'}
}
axios.get(url,data)
// 接收有问题
url = 'http://192.168.2.251/index/test?v2= a get request 123 我+123 $'
$.get(url)
// 接收没问题
url = 'http://192.168.2.251/index/test'
data = {
v2: ' a get request 123 我+123 $$'
}
$.get(url,data)
}
function postAjax(){
url = 'http://192.168.2.251/index/test'
// let data = {}
// data.params = {
// v2: ' a get request 123 我+123',
// v1: 'aa'
// }
// let data = 'v2='+encodeURIComponent(' a get request 123 我+123')
let data = 'v2= a get request 123 我+123'
let config = {headers: {'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'}};
axios.post(url,data,config)
var params = new FormData();
params.append('v2', 'a get request 123 我+123 FormData');
axios.post(url, params);
data = {
v2: ' a get request 123 我+123 $',
v1: 'aa $'
}
$.post(url, data)
}
</script>
<script>
function fade (that) {
// body...
console.log(that.style.opacity);
console.log(that);
that.style.opacity=that.style.opacity==0?1:0;
that.style.display="block";
that.style.background=0xfff;
}
</script>
</html>
参考:
http://www.jb51.net/article/96511.htm
加号变空格问题 url参数 post get 请求发送的更多相关文章
- 解决url传递过程中加号变空格的问题
url传递过程中加号变空格 在接收url参数的过程中,会发现如果参数中存在‘+’号,接收后会变成空格. 如11+22接收后变成11 22. 要解决这个问题,需要将加号替换为%2B进行传递. 如11%2 ...
- 解决url传递过程中加号变空格的问题<转>
url传递过程中加号变空格在接收url参数的过程中,会发现如果参数中存在‘+’号,接收后会变成空格. 如11+22接收后变成11 22.要解决这个问题,需要将加号替换为%2B进行传递. 如11%2B2 ...
- ASP.NET页面传值加号变空格解决办法
只需要把欲传值进行编码 string EncodeId = Server.UrlEncode(id); 加号就变成了 % 2 B (中间无空格) 然后再传出去. Request.QueryStrin ...
- [Android Pro] http请求中传输base64出现加号变空格的解决办法
reference to : http://blog.csdn.net/jsjwbxzy/article/details/45970231 try { des = URLEncoder.encode( ...
- 【2019】问题记录一:后端获取URL参数的值内加号“+”变成空格“ ”
问题:URL参数中加号“+”变成空格“ ” 一.现象 URL如:http://example.****.com/controller/action?param=rice+cook+panda ...
- url参数中有+、空格、=、%、&、#等特殊符号的处理
url参数中有+.空格.=.%.&.#等特殊符号的问题解决? 解决办法: 将这些字符转化成服务器可以识别的字符,对应关系如下: URL字符转义 + URL 中+号表示空格 %2B 空格 URL ...
- IIS7.5 URL文件名有加号或空格显示404错误的解决办法
转:http://www.gyd.cc/zhuanti/tech/9319.html 将服务器由windows2003升级到windows2008后,某个网站的图片突然不能显示,显示404错误, 后来 ...
- base64码通过http传输 +号变 空格 问题解决
通过七牛云base64上传图片,通过官方示例上传成功后,根据示例改了一个controller. 通过前端往后端传base64码形式进行测试.死活不通过,七牛报400. 仔细排查后发现,示例转换的bas ...
- Http请求特殊符号变空格
Http请求特殊符号变空格 今天在调试客户端向服务器传递参数时,url中的参数值出现+,空格,/,?,%,#,&等特殊符号的时候就自动变成空格,在服务器端无法获得正确的参数值.解决方法如下: ...
随机推荐
- JaveWeb 公司项目(1)----- 使Div覆盖另一个Div完成切换效果
最近在做网页,用的是CSS+DIV的布局方法,搭建了一个简易的界面,大体上分为三个部分,如图所示: 左侧的为主功能导航栏,右侧是具体的功能实现,下方是固定的版权声明,单击左边不同的导航按钮,在div中 ...
- Oracle(限定查询1)
3.1.认识限定查询 例如:如果一张表中有100w条数据,一旦执行了“SELECT * FROM 表”语句之后,则将在屏幕上显示表中的全部数据行的记录,这样即不方便浏览,也有可能造成死机的问题出现,所 ...
- ppython的移位操作
因为要将js的一个签名算法移植到python上,遇到一些麻烦. int无限宽度,不会溢出 算法中需要用到了32位int的溢出来参与运算,但是python的int是不会溢出的,达到界限后会自己转为lon ...
- 使用openpyxl的styles,实现写入值时加背景色
所用文件.数据和上一节代码中用的一致 本次直接贴代码 from openpyxl.styles import fills from openpyxl import load_workbook clas ...
- kubernetes 简介:kube-dns 和服务发现
服务发现 kubernetes 提供了 service 的概念可以通过 VIP 访问 pod 提供的服务,但是在使用的时候还有一个问题:怎么知道某个应用的 VIP?比如我们有两个应用,一个 app,一 ...
- 主动触发事件 自定义事件 trigger 及其用法
1. 触发自定义事件方式 js.jq 2. jq 触发 2.1 默认支持的事件 $('#h').on('click',function(){ $(this).append('<p>p< ...
- 用sql plus时,显示协议适配器错误
1.在桌面右击我的电脑图标——选择栏中选择管理,点击并进入计算机管理 2.进入计算机管理界面后,点击服务和应用程序,然后在右边栏目选择服务,双击进入服务进程 3.进入服务进程后,鼠标下滑,一直下滑找到 ...
- OP社区相关
●相关网站官网: http://openstack.org Wiki: http://wiki.openstack.org 代码贡献统计:http://stackalytics.com/ Bug跟踪: ...
- 牛客小白月赛7 CSL的校园卡
CSL的校园卡 思路: bfs,用状压表示走过的区域,然后和x1,y1,x2,y2构成所有的状态,然后标记一下就可以了 代码: #pragma GCC optimize(2) #pragma GCC ...
- 如何在ubuntu中安装中文输入法?
如何在ubuntu中安装中文输入法 在桌面右上角设置图标中找到“System Setting”,双击打开. 在打开的窗口里找到“Language Support”,双击打开. 可能打开会说没有安装 ...