js获取当前url的中文参数

问题源自于大傻同学的需求：A.html的参数传给B.html。必须是在B.html中用js代码来获取该url中的中文参数。。。

网上的类似问题：http://bbs.chinaunix.net/viewthread.php?tid=887933 未解决。

正常情况下，我们在后台获取request传递过来的中文参数都比较好处理。但是这哥们，是直接从html页面跳转到另一个html页面中，然后当另一个html加载完后运行js来获取当前的url中的中文参数。实际上浏览器在把参数传递过来的时候，已不在是中文了，而是%2F%B0%D9%B6%C8%BF%D5%BC%E4格式的字符串了。即使url中显示的是中文，使用window.location.search.substring(1)获取的字段也是类似于%2F%B0%D9%B6%C8%BF%D5%BC%E4的字符串。

显然到这一步为止，我们希望有一个js自带的函数把%2F%B0%D9%B6%C8%BF%D5%BC%E4这样的字符串解析了就行了。

实际上，确实存在这样的一个函数。哈哈哈，这样问题就解决了。先对中文进行编码，然后解码。

通过解决这个问题还学了不少js的东西。

1.js控制页面跳转的方法：

Code:

第一种：
<script language="javascript">
window.navigate("top.jsp");
</script>
第二种：
<script language="JavaScript">
self.location='top.htm';
</script>
第三种：
<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
</script>
第四种：
<script language="javascript">
alert("返回上一页面");
window.history.back(-1);
</script>
第五种：
<script language="javascript">
alert("非法访问,请终止！");
top.location='xx.jsp';
</script>

2.中文参数的编码和解码

http://www.w3school.com.cn/js/jsref_escape.asp

3.javascript解析url参数【把参数分离解析出来而已】

Code:

<script type="text/javascript">
var LocString=String(window.document.location.href);
function getQueryStr(str){
var rs = new RegExp("(^|)"+str+"=([^/&]*)(/&|$)","gi").exec(LocString), tmp;
if(tmp=rs){
return tmp[2];
}
// parameter cannot be found
return "";
}
console.log(getQueryStr("parameter_name"));
</script>

4.常识

Jsp页面使用URL编码传递中文参数的情况下，在参数的解析过程中会出现乱码。由于java在设计的时候考虑到了国际化的问题，
在java源程序编译成字节码的时候默认使用的是UTF-8编码。而在web运用上，由于不同的浏览器向服务器发送的信息采用的编码
方式不同，在由像tomcat之类的服务器解码的时候会由于编码方式的不同而产生乱码，这是一个会困扰jsp初学者很久的问题。
【http://www.360doc.com/content/10/0317/10/633992_19086741.shtml】
下角同学问题的解决的Demo：
A.html

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test1</title>
<script type="text/javascript">
function c(){
var t= document.form1.t.value;
console.log(t);
console.log(escape(t));
console.log(unescape(t));
self.location='xiajiao2.html?t='+escape(t);
}
</script>
</head>
<body>
<form id="form1" name="form1" action="xiajiao2.html" method="get">
<input type="text" id="t" name="t" />
<input type="button" onclick="return c()" value="搜索" />
<br />
中国人
</form>
</body>
</html>

B.html

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" type="text/javascript" src="static/login_scr/jquery-1.3.2.js"></script>
<title>test2</title>
<script type="text/javascript">
var LocString=String(window.document.location.href);
function getQueryStr(str){
var rs = new RegExp("(^|)"+str+"=([^/&]*)(/&|$)","gi").exec(LocString);
var tmp;
if(tmp=rs){
return tmp[2];
}
return "";
}
$(document).ready(function() {
console.log(unescape(getQueryStr("t")));
alert(unescape(getQueryStr("t")));
// var t=window.location.search.substring(1);
});
</script>
</head>
<body>
中国人
<!--<form id="form1" action="xiajiao2.html" method="get">
<input type="submit" onclick="return check_register()" value="搜索" />
</form>-->
</body>
</html>

js获取当前url的中文参数相关推荐

java url传参中文乱码问题_java中url传中文参数出现乱码
缘由:java Http请求传输时将url以ISO-8859-1编码,服务器收到字节流后默认会以ISO-8859-1编码来解码成字符流(形成中文乱码).服务器方法一:编码咱们须要把request. ...
js 获取图片url的Blob值并预览
js 获取图片url的Blob值并预览 1)使用 XMLHttpRequest 对象获取图片url的Blob值参考:https://www.cnblogs.com/tujia/p/6483255.h ...
Java中url传递中文参数取值乱码的解决方法
Java中url传递中文参数取值乱码的解决方法参考文章: (1)Java中url传递中文参数取值乱码的解决方法 (2)https://www.cnblogs.com/liwenjuan/p/3211 ...
HTML的Get方法URL传递中文参数，解决乱码问题
HTML的Get方法URL传递中文参数,解决乱码问题参考文章: (1)HTML的Get方法URL传递中文参数,解决乱码问题 (2)https://www.cnblogs.com/chenyucong ...
js 获取浏览器url参数
一.获取浏览器地址url,并将url后的参数转化为数组. var baseUrl = function GetRequest(url) { var theRequest = new Object(); ...
如何用js获取浏览器URL中查询字符串的参数
首先要知道Location这个对象以及这个对象中的一些属性: href:设置或返回完整的url.如本博客首页返回http://www.cnblogs.com/wymninja/ host:设置或返回主 ...
js传中文参数 java取_js中文转码传输java后台适用于用url传递中文参数
第一种方法: 解决方法如下: 1.在JS里对中文参数进行两次转码 var login_name = document.getElementById("loginname").val ...
地址html后面传参,JS中获取地址栏url后面的参数的三种方法
这里提供了三种获取地址栏url后面参数的方法: 方式1 传参: window.location.href = "/html/bsp/user/userEdit.html?name=四个空格& ...
js获取当前URL、参数、端口、IP等信息
以下列出均为常用(转自地址为:https://blog.csdn.net/pengShuai007/article/details/78357238?locationNum=9&fps=1 1 ...

js获取当前url的中文参数

js获取当前url的中文参数相关推荐

最新文章

热门文章