html网页怎么显示后端传入的Unicode表情？

千狐 · 发表于 2024-8-9 21:54:41

前端：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Dynamic Emoji Example</title>
</head>
<body>

<p id="emoji-example"> </p>

<script>

document.getElementById("emoji-example").innerHTML = 'Hello \uD83D\uDC93'; //成功

成功网页效果：
QQ截图20240809214819.png

$.ajax({
url: 'https://api.qq-bot.cn/1.php',
type: 'GET',
success: function(response) {

var decodedText = decodeURIComponent(response);//Hello\uD83D\uDE00
document.getElementById("emoji-example").innerHTML= decodedText;//失败

失败网页效果：
QQ截图20240809214656.png

},

});

</script>

</body>
</html>

问：js前端手动定义成功 document.getElementById("emoji-example").innerHTML = 'Hello \uD83D\uDC93'; //成功
为啥动态插入服务器返回的Hello\uD83D\uDE00却会失败？应该如何修改？ document.getElementById("emoji-example").innerHTML= decodedText;//失败

人杰啊 · 发表于 2024-8-9 21:54:42

$.ajax({
         url: 'https://api.qq-bot.cn/1.php',
         type: 'GET',
         success: function (response) {
            var decodedText = response.replace(/\\u([\dA-F]{4})/gi, function (match, grp) {
                  return String.fromCharCode(parseInt(grp, 16));
            });
            document.getElementById("emoji-example").innerHTML = decodedText; // 成功
         },

      });

police0909 · 发表于 2024-8-9 22:22:21

[HTML] 纯文本查看 复制代码

        const url = 'http://127.0.0.1:5001/getemoji'; // 替换成你的 API 地址

        // 使用 fetch 获取数据
        fetch(url)
            .then(response => response.text()) // 解析 JSON 响应
            .then(data => {
                const decodedData = JSON.parse(`"${data}"`); // 转换 Unicode 转义字符为实际字符
                document.getElementById("emoji-example").innerHTML = decodedData;
            })
            .catch(error => console.error('Error fetching emoji:', error));

洋Hay · 发表于 2024-8-9 22:27:17

那有那么复杂,直接这样写就好了.前端
<script>
$.ajax({
         url: 'http://127.0.0.1:8124/',
         type: 'GET',
         success: function (response) {
            document.getElementById("emoji-example").innerHTML = response.toString();
         }
      }
);
</script>
后端返回时候,你记得加上协议头 'Content-Type': 'text/html;charset=utf-8'

千狐 · 发表于 2024-8-9 22:42:32

洋Hay 发表于 2024-8-9 22:27
那有那么复杂,直接这样写就好了.前端

$.ajax({

试了下你这个 .toString() 不行阿

洋Hay · 发表于 2024-8-9 22:52:05

千狐发表于 2024-8-9 22:42
试了下你这个 .toString() 不行阿

你发你的响应协议头出来看看,有Content-Type': 'text/html;charset=utf-8'

千狐 · 发表于 2024-8-9 23:06:03

洋Hay 发表于 2024-8-9 22:52
你发你的响应协议头出来看看,有Content-Type': 'text/html;charset=utf-8'

Connection: keep-alive
Date: Fri, 09 Aug 2024 15:05:06 GMT
Transfer-Encoding: chunked
Content-Type: text/html;charset=utf-8

千狐 · 发表于 2024-8-9 23:08:48

千狐发表于 2024-8-9 22:42
试了下你这个 .toString() 不行阿

我试了下1楼的$.ajax 可以，你这个不行，真奇怪

千狐 · 发表于 2024-8-9 23:09:15

洋Hay 发表于 2024-8-9 22:27
那有那么复杂,直接这样写就好了.前端

$.ajax({

我试了下1楼的$.ajax 可以，你这个不行，真奇怪

		自动登录	找回密码
密码			注册

[已解决] html网页怎么显示后端传入的Unicode表情？

最佳答案

评分