淘先锋技术网

首页 1 2 3 4 5 6 7

在前端开发中,经常需要将后台返回的json串显示在页面上。但是有时我们会发现json串返回到页面上显示的都是乱码,也就是一些看不懂的字符。这种情况通常是由编码不一致造成的。

json串返回到页面乱码

实际上,json格式的数据在传输过程中,需要注意编码的一致性。如果后台返回的json字符串编码格式与前端页面的不一致,就会出现乱码现象。

解决这个问题的办法,就是在前端页面设置合适的编码方式。一般来说,我们可以在html页面的head标签内添加以下一行代码来解决这个问题:




这行代码的作用是告诉浏览器,该网页所使用的编码方式是UTF-8,即使后台返回的json字符串编码不一致,也可以正确地显示在页面上。

除此之外,还有一种常见的乱码问题,就是中文字符被转义了。这种情况下,我们需要使用js的decodeURI()或decodeURIComponent()函数来进行解码。例如:


var jsonData = '{"name":"张三","age":23}';
var parsedData = JSON.parse(jsonData);
document.write(decodeURI(parsedData.name));

这段代码中,我们可以看到将json字符串解析成对象后,通过decodeURI()函数对中文字符进行解析,才能让它在页面上正确地显示出来。

总之,在前后端交互时,编码的一致性是非常重要的。只有保证编码的一致性,才能避免出现乱码的情况。