首页 > 代码库 > HTML的Get方法URL传递中文参数，解决乱码问题
HTML的Get方法URL传递中文参数，解决乱码问题
本例中有使用JQuery。
资料参考：http://www.cnblogs.com/babycool/p/3169058.html
发送的HTML页面代码：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Index</title> 6 <script type="text/javascript" charset="uf-8" src="jquery-1.11.3.min.js"></script> 7 <script> 8 $(function() { 9 $(‘#send‘).click(function() {10 var value1 = $(‘#value1‘).val();11 var value2 = $(‘#value2‘).val();12 var url = "receive.html?value1=" + value1 + "&value2=" + value2;13 url=encodeURI(url); //对URL的地址进行encodeURI编码，实际上只有中文的部分被修改编码14 window.location.href=url;15 });16 });17 </script>18 </head>19 <body>20 <div>21 <div>22 <span>value1: </span><input type="text" id="value1" />23 </div>24 <div>25 <span>value2: </span><input type="text" id="value2" />26 </div>27 <div>28 <button id="send">发送</button>29 </div>30 </div>31 </body>32 </html>
接收的HTML页面代码：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Receive Param</title> 6 <script type="text/javascript" charset="utf-8" src="cordova-2.1.0.js"></script> 7 <script type="text/javascript" charset="uf-8" src="jquery-1.11.3.min.js"></script> 8 <script> 9 function getParam(name) {10 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");11 var r = window.location.search.substr(1).match(reg);12 if (r != null)13 return decodeURI(r[2]); //对参数进行decodeURI解码14 return null;15 }16 17 $(function() {18 var val1 = getParam("value1");19 var val2 = getParam("value2");20 $(‘#value1‘).html(val1);21 $(‘#value2‘).html(val2);22 });23 </script>24 </head>25 <body>26 <div>27 <div>28 <span>value1: </span><b id="value1"></b>29 </div>30 <div>31 <span>value2: </span><b id="value2"></b>32 </div>33 </div>34 <hr />35 <div>36 <a href="index.html">back</a>37 </div>38 </body>39 </html>
HTML的Get方法URL传递中文参数，解决乱码问题
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。