后端正常返回中文字符串,前端接收后打印乱码

后端返回

 前端接收后中文出现乱码

\u80ba\u6c14\u80bf\u7684\u75c7\u72b6\u5305\u62ec\uff1a\u547c\u6c14\u97f3\u5ef6\u957f\uff1b\u6a2a\u8188\u4f4e\u5e73\uff1b\u6876\u72b6\u80f8\uff1b\u7eb5\u9694\u6d4a\u97f3\u754c\u6269\u5927\uff1b\u5c0f\u652f\u6c14\u7ba1\u7c98\u819c\u6c34\u80bf\uff1b\u9ecf\u7a20\u6216\u8113\u6027\u75f0\u4f34...\uff1b\u80f8\u95f7\uff1b\u547c\u5438\u97f3\u51cf\u5f31\uff1b\u80ba\u90e8\u5570\u97f3
接收后端数据作处理的代码
var xhr = new XMLHttpRequest();
            xhr.open("POST", "/chat", true);
            xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
            xhr.setRequestHeader("charset","UTF-8")
            xhr.onreadystatechange = function () {
                if (xhr.readyState === XMLHttpRequest.DONE) {
                    if (xhr.status === 200) {
                        console.log(xhr.responseText);
                        console.log("你好");
                        var answer = xhr.responseText['answer'];
                        var subjectId = xhr.responseText['subjectId'];
                        var objectIds = xhr.responseText['objectIds'];
                        var p1 = document.createElement("p");
                        p1.innerHTML = "" + question;
                        var sent = document.createElement("div");
                        sent.classList.add("chat-message", "sent");
                        sent.appendChild(p1);
                        chatlog.appendChild(sent);

                        var p2 = document.createElement("p");
                        p2.innerHTML = "" + answer;
                        var received = document.createElement("div");
                        received.classList.add("chat-message", "received");
                        received.appendChild(p2);
                        chatlog.appendChild(received);

                        chatlog.scrollTop = chatlog.scrollHeight;
                        form.elements["question"].value = "";
                    } else {
                        console.log("请求失败:" + xhr.status);
                    }
                }
            };

问了chatgpt后发现得对xhr.responseText处加上JSON.parse()函数进行处理转换为javascript对象,然后解决问题

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值