[随记]web开发需要注意请求参数编码问题

最新推荐文章于 2021-12-15 13:20:50 发布

码农人生1314

最新推荐文章于 2021-12-15 13:20:50 发布

阅读量515

点赞数

分类专栏：随记 web相关文章标签： web开发

本文链接：https://blog.csdn.net/u010989191/article/details/51746024

版权

随记同时被 2 个专栏收录

63 篇文章 0 订阅

订阅专栏

web相关

51 篇文章 0 订阅

订阅专栏

GET,POST请求数据传递问题

对于GET方式

最好在数据传递之前对数据进行URLEncode 采用服务器默认的编码进行编码

对于POST方式

表单中的参数值对是通过request body发送给服务器。1）浏览器会根据网
页的ContentType(“text/html; charset=GBK”)中指定的编码进行对表单中的数据进行编码，
2）在服务器端的程序中我们可以通过Request.setCharacterEncoding() 设置编码，
3）通过request.getParameter获得正确的数据。

【注】
path部分Firefox、chrome、IE都是采用UTF-8编码格式
对于Query String部分Firefox、chrome采用UTF-8，IE采用GBK
服务器在进行解码过程中URIEncoding就起到作用了

javaScript中全局函数

    encodeURI   //只是对QueryString中的中文进行编码
    encodeURIComponent  //其中的/也会被编码

如：

    原始请求路径：http://www.baidu.com?name=中国
    使用JavaScript：encodeURI方法后结果：http://www.baidu.com?name=%E4%B8%AD%E5%9B%BD
    使用JavaScript：encodeURIComponent方法后结果：http%3A%2F%2Fwww.baidu.com%3Fname%3D%E4%B8%AD%E5%9B%BD

测试源码

<!DOCTYPE html>
<html>
<head>
    <title>js请求路径编码解码</title>
</head>
<body>
<div id="url"></div>
<div id="encodeURI"></div>
<div id="encodeURIComponent"></div>
<div id="escape"></div>
<button onclick="bianMa()">对页面的超链接进行编码</button>
<a href="http://www.bbb.com?name=张三">bbbbbb</a>
<a href="http://www.ccc.com?name=李四">cccccc</a>
<a href="http://www.ddd.com?name=王五">dddddd</a>
<script type="text/javascript">
    var urlBefore = "http://www.baidu.com?name=中国";
    // alert(urlBefore);
    var urlAfter = encodeURI(urlBefore);
    // alert(urlAfter);
    var urlAfter2 = encodeURIComponent(urlBefore);
    // alert(urlAfter2);
    var escapeUrl = escape(urlBefore);
    document.getElementById("url").innerHTML = "原始请求路径："+urlBefore;
    document.getElementById("encodeURI").innerHTML = "使用JavaScript：encodeURI方法后结果："+urlAfter;
    document.getElementById("encodeURIComponent").innerHTML = "使用JavaScript：encodeURIComponent方法后结果："+urlAfter2;
    document.getElementById("escape").innerHTML = "使用JavaScript：escape方法后结果："+escapeUrl;

    function bianMa(){
        var as = document.getElementsByTagName("a");
        // alert(as.length);
        for(var i=0;i<as.length;i++)
        {
            as[i].href = encodeURI(as[i].href);
        }
    }
    //对所有的链接请求进行编码处理
    var as = document.getElementsByTagName("a");
    // alert(as.length);
    for(var i=0;i<as.length;i++)
    {
        as[i].href = encodeURI(as[i].href);
    }
</script>
</body>
</html>