webview向html传中文乱码uniapp

北沐xxx

已于 2024-03-17 17:40:51 修改

阅读量608

点赞数

文章标签： html webview

于 2023-01-15 11:18:29 首次发布

本文链接：https://blog.csdn.net/qq_35353972/article/details/128692713

版权

下为.vue页面

先对webview传参进行编码，如图webview是通过src进行传值

如下图为src向html传值的参数，其中toUserName为中文，我们对toUserName进行编码，建议使用encodeURIComponent()进行编码


encodeURIComponent(this.toUserName)//encodeURIComponent(data.data)

下为.html页面

将webview传过来的参数进行解码,采用decodeURI()


//获取地址栏URL中参数,采用 getQuery()
function getQuery(toUserName) {
            var query = window.location.search.substring(1);
            var map = query.split("&");
            for (var i = 0; i < map.length; i++) {
                var pair = map[i].split("=");
                if (pair[0] == toUserName) {
                    return pair[1];
                }
            }
        }
//采用decodeURI(data)进行解码
var toUserName=decodeURI(getQuery("toUserName"));
//console.log(toUserName)

在uni-app中，如果你遇到了webview向HTML页面传递中文时出现乱码的问题，这通常是由于编码不一致或者传递过程中编码处理不当导致的。以下是一些可能的解决方案：

1. 确保编码一致

确保你的uni-app项目和HTML页面都使用相同的字符编码，比如UTF-8。在HTML页面的<head>标签中，应该包含以下meta标签来指定字符编码：

html复制代码

<meta charset="UTF-8">

同时，确保你的uni-app项目也使用UTF-8编码保存文件。

2. 传递URL参数时编码

如果你在URL中传递中文参数，需要对中文进行编码。在JavaScript中，可以使用encodeURIComponent函数对中文进行编码，然后在HTML页面中使用decodeURIComponent进行解码。

javascript复制代码

	`// 在uni-app中编码URL参数`
	`let param = '你好';`
	`let encodedParam = encodeURIComponent(param);`
	let url = `your-webview-url?param=${encodedParam}`;

	`// 在HTML页面中解码URL参数`
	`let decodedParam = decodeURIComponent(window.location.search.substring(1).split('=')[1]);`