Ajax中文乱码问题

最新推荐文章于 2023-05-11 09:44:12 发布

原创最新推荐文章于 2023-05-11 09:44:12 发布 · 556 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #function #url

JS 专栏收录该内容

31 篇文章

订阅专栏

本文介绍了解决AJAX请求中出现的中文乱码问题的方法。主要包括两方面：一是前端设置正确的字符集编码，二是后端响应时设置合适的编码方式。通过这两点可以有效避免AJAX交互时的中文乱码问题。

注意两个问题：

1、页面：

在Ajax请求中加上：contentType: "application/x-www-form-urlencoded; charset=UTF-8"，如：

window.onload=function(){
    $.ajax({
        url:"/remoteSale/login/?type=info",
        type:"post",
        contentType: "application/x-www-form-urlencoded; charset=UTF-8", 
         success:function(data){
             document.getElementById("deptName").innerHTML=data;
         }
    });
};

以上代码表示在页面加载完毕之后执行的Ajax。并且在文件都设置为UTF-8格式，如：

①contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"

②<META http-equiv=Content-Type content="text/html; charset=UTF-8">

2、后台：

在发送之前加上：response.setCharacterEncoding(request.getCharacterEncoding());

通过实现以上两点即可解决AJAX中请求与发送中文的乱码问题！！！