使用AJAX中的get请求中文乱码的问题

最新推荐文章于 2021-08-05 12:02:01 发布

原创最新推荐文章于 2021-08-05 12:02:01 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#AJAX #中文乱码

异常处理专栏收录该内容

326 篇文章

订阅专栏

本文详细介绍了在前后端交互中GET请求出现中文乱码的解决方案，通过前端使用encodeURI()方法对数据进行编码，后端使用URLDecoder.decode()进行解码，成功解决了中文乱码问题。

错误

get请求中文乱码

post请求没有中文乱码

错误代码

前端JS获取表单内容的代码：

        var username = document.getElementById("username").value;
        var password = document.getElementById("password").value;

后端获取AJAX传过来的数据的代码：

        String username = req.getParameter("username");
        String password = req.getParameter("password");

修改代码

修改后前端获取表单内容的代码为：

js文件中使用encodeURI()方法两次。

        var username = encodeURI(encodeURI(document.getElementById("username").value));
        var password = encodeURI(encodeURI(document.getElementById("password").value));

修改后后端获取AJAX传过来的数据的代码为：

在后台中对传递的参数进行URLDecoder解码。

        String username = URLDecoder.decode(req.getParameter("username"),"utf-8");
        String password = URLDecoder.decode(req.getParameter("password"),"utf-8");