前台后台编码都是utf-8但是传中文还出现乱码的解决方法。

本文链接：https://blog.csdn.net/liang15zhu/article/details/82812562

本文介绍了在前后台都使用UTF-8编码的情况下，通过设置HTTP头解决AJAX请求中中文乱码的问题。关键在于前端在发送请求时明确指定Content-Type为'application/x-www-form-urlencoded; charset=UTF-8'，并在后端接收到请求时正确处理编码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前台：代码

<head>

<meta charset="UTF-8">

</head>

$.ajax({
    url: "user/getSolrTest",//方法路径URL
    data: {
        name1:$('#solrtest').val()
    },//参数
    dataType: 'json',
    type: 'POST',
    async: false,//默认异步调用 false：同步
    success: function (data) {
        var retInfo = eval(data);
        //提交成功
        if (retInfo == true) {
            alert("Data Loaded: " +JSON.stringify(data));
        }
    },
    error: function () {
        alert('提交数据失败！');
    }
})

后台代码：

@RequestMapping("/getSolrTest")
@ResponseBody
public SolrDocumentList getSolrTest(HttpServletRequest request, HttpServletResponse response) throws  Exception {
    request.setCharacterEncoding("UTF-8");
    response.setCharacterEncoding("UTF-8");
    String name1=request.getParameter("name1").toString();
    HttpSolrServer solrServer=new HttpSolrServer("http://localhost:8083/solr/shopdscore");
    SolrQuery query=new SolrQuery();
    query.setQuery("name1:*"+name1+"*");
    query.setStart(0);
    query.setRows(10);
    QueryResponse queryResponse=solrServer.query(query);
    SolrDocumentList solrDocumentList=queryResponse.getResults();
    return  solrDocumentList;



}

出现乱码，直到我在前台js中加上：

contentType:'application/x-www-form-urlencoded;charset=UTF-8',参数就好了。

$.ajax({
    url: "user/getSolrTest",//方法路径URL
    data: {
        name1:$('#solrtest').val()
    },//参数
    dataType: 'json',
    type: 'POST',
    async: false,//默认异步调用 false：同步
    contentType:'application/x-www-form-urlencoded;charset=UTF-8',
    success: function (data) {
        var retInfo = eval(data);
        //提交成功
        if (retInfo == true) {
            alert("Data Loaded: " +JSON.stringify(data));
        }
    },
    error: function () {
        alert('提交数据失败！');
    }
})