前端开发

 首页 > 前端开发 > javascript > URL的参数中有加号传值变为空格的问题(URL特殊字符)

URL的参数中有加号传值变为空格的问题(URL特殊字符)

分享到:
【字体:
导读:
          1.URL特殊字符需转义 2.空格换成加号(+) 3.正斜杠(/)分隔目录和子目录 4.问号(?)分隔URL和查询 5.百分号(%)制定特殊字符 6.#号指定书签 7.号分隔参数 转义字符的原因: 如果你的表单使用g...

1.URL特殊字符需转义
2.空格换成加号(+)  
3.正斜杠(/)分隔目录和子目录  
4.问号(?)分隔URL和查询  
5.百分号(%)制定特殊字符  
6.#号指定书签  
7.&号分隔参数  

转义字符的原因:

如果你的表单使用get方法提交,并且提交的参数中有“&”等特殊符的话,如果不做处理,在service端就会将&后面的作为另外一个参数来看待。例如
表单的action为list.jsf?act=Go&state=5
则提交时通过request.getParameter可以分别取得act和state的值。
如果你的本意是act='go&state=5'这个字符串,那么为了在服务端拿到act的准确值,你必须对&进行转义

url转义字符原理:

将这些特殊的字符转换成ASCII码,格式为:%加字符的ASCII码,即一个百分号%,后面跟对应字符的ASCII(16进制)码值。例如 空格的编码值是"%20"。
 
1.URL特殊符号及对应的十六进制值编码:  
2.
3.+  URL 中+号表示空格 %2B  
4.空格 URL中的空格可以用+号或者编码 %20  
5./ 分隔目录和子目录 %2F   
6.? 分隔实际的 URL 和参数 %3F   
7.% 指定特殊字符 %25   
8.# 表示书签 %23   
9.& URL 中指定的参数间的分隔符 %26   
10.= URL 中指定参数的值 %3D 

解决方法如下(以+号为例):

方法一、修改客户端,将客户端带“+”的参数中的“+”全部替换为?“%2B”,这样参数传到服务器端时就能得到“+”了。
方法二、修改服务器端,将空格替换为“+”,这种方式只适用于参数中有?“+”没有空格的情况。

例子:

String a = reuqest.getParameter("clientStr").replace(' ','+');

如果客户端为clientStr=test+OK,那么a的值为test+OK;

方法三、修改服务器端,将获取参数的方法由?reuqest.getParameter改为?request.getQueryString().substring(0),然后对得到的字符串进行解析。

例子:

String a =request.getQueryString().substring(0);

如果客户端为clientStr=test+OK,那么a的值为?clientStr=test+OK,需要再解析一下,

a=a.?substring(10);得到a的值为?test+OK。

附:一个JS,用来转义URL中特殊字符的。

function URLencode(sStr) {   
return escape(sStr).replace(/+/g, '%2B').replace(/"/g,'%22').replace(/'/g, '%27').replace(///g,'%2F'); 
}

如果你是用replace()时,使用name.replaceAll("\ ","%20");

st_fname=name.replaceAll("\ ","%20"); st_fname=dst_fname.replaceAll("\+","%2B");

本人的解决方法:

js代码

function rStr(str){
str=str.replace(/+/g,"%2B");
return str;
}

function SelectArcListA(fname){
 var posLeft = 10;
 var posTop = 10;
 window.open("content_select_list.asp?f="+fname+"&k="+escape(rStr(form1.tag.value)), "selArcList", "scrollbars=yes,resizable=yes,statebar=no,width=700,height=500,left="+posLeft+", top="+posTop);
}

asp端替换代码

keyword=replace(keyword,"%2B","+")

完美解决问题。

分享到:
JavaScript基础——使用Canvas绘图
最近在学习Canvas画图的方法,最近有时间做了个整理,如下: 1、基本用法 要使用元素,必须先设置其width和height属性,指定可以绘图的区域大小,出现在开始后结束标签中的内容是后备信息,如果浏览器不支持元素,就会显示这些信息。例如: A Drawing of something 使用toDataURL()方法,可以导出在元素上绘制的图像。 v...
javascript对大量数据进行多重过滤的方法
前言 主要的需求是前端通过 Ajax 从后端取得了大量的数据,需要根据一些条件过滤,首先过滤的方法是这样的: class Filter {  filterA(s) {  let data = this.filterData || this.data;  this.filterData = data.filter(m => m.a === s);  }    filterB(s) {  let data = this.filterData...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……