隐私政策提示框内容中的链接使用本地 html 页面地址（androidPrivacy.json中所用）

勉灬之

已于 2023-02-22 12:31:29 修改

阅读量6k

点赞数 10

文章标签：前端 uni-app 安卓

于 2022-02-26 15:57:57 首次发布

本文链接：https://blog.csdn.net/qq_39410252/article/details/123138604

版权

1、成功截图
在这里插入图片描述
2、androidPrivacy.json文件内容

{
    "version" : "1.0.0",
    "prompt" : "template",
    "title" : "服务协议和隐私政策",
    "message" : "　　请你务必审慎阅读、充分理解“服务协议”和“隐私政策”各条款，包括但不限于：为了更好的向你提供服务，我们需要收集你的设备标识、操作日志等信息用于分析、优化应用性能。<br/>　　你可阅读<a href=\"static\\htmls\\androidPrivacy.html?type=2\">《服务协议》</a>和<a href=\"static\\htmls\\androidPrivacy.html?type=3\">《隐私政策》</a>了解详细信息。如果你同意，请点击下面按钮开始接受我们的服务。",
    "buttonAccept" : "同意并接受",
    "buttonRefuse" : "暂不同意",
    "second" : {
        "title" : "确认提示",
        "message" : "　　进入应用前，你需先同意<a href=\"static\\htmls\\androidPrivacy.html?type=2\">《服务协议》</a>和<a href=\"static\\htmls\\androidPrivacy.html?type=3\">《隐私政策》</a>，否则将退出应用。",
        "buttonAccept" : "同意并继续",
        "buttonRefuse" : "退出应用"
    },
    "styles" : {
        "backgroundColor" : "#FFFFFF",
        "borderRadius" : "5px",
        "title" : {
            "color" : "#333333"
        },
        "buttonAccept" : {
            "color" : "#00a381"
        },
        "buttonRefuse" : {
            "color" : "#c8161d"
        }
    }
}

3、androidPrivacy.html文件内容

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>用户协议&隐私政策</title>
		<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport" />
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			textarea {
				border: none;
				width: 100vw;
				height: 100vh;
				box-sizing: border-box;
				padding: 20px;
				background-color: #FFFFFF;
				color: #333333;
				font-size: 14px;
				line-height: 20px;
			}
		</style>
	</head>
	<body>
		<textarea disabled="true" id="div"></textarea>
	</body>
</html>
<script type="text/javascript">
	const url = 'https://test.hegao.net/freight/freight/login/getConfig'
	function parseQueryString(url) {
		const urlKey = url.split('?')[1]
		const objKeyValue = {}
		if (!urlKey) return objKeyValue
		const urlObj = urlKey.split('&')
		for (let i = 0; i < urlObj.length; i++) {
			objKeyValue[urlObj[i].split('=')[0]] = decodeURI(urlObj[i].split('=')[1])
		}
		return objKeyValue
	}
	const urlParams = parseQueryString(window.location.href)
	/* url转字符串 */
	const httpRequest = new XMLHttpRequest() //第一步：创建需要的对象
	httpRequest.open('POST', url,
		true) //第二步：打开连接/***发送json格式文件必须设置请求头 ；如下 - */
	httpRequest.setRequestHeader('Content-type',
		'application/json') //设置请求头 注：post方式必须设置请求头（在建立连接后设置请求头
	httpRequest.send(JSON.stringify({
		type: urlParams.type || 3
	})) //发送请求 将json写入send中
	// 获取数据后的处理程序
	httpRequest.onreadystatechange = function() { //请求后的回调接口，可将请求成功后要执行的程序写在其中
		console.log(httpRequest)
		if (httpRequest.readyState == 4 && httpRequest.status == 200) { //验证请求是否发送成功
			const res = JSON.parse(httpRequest.responseText) //获取到服务端返回的数据
			if (res.success) {
				document.getElementById('div').value = res.data.content
			}
		}
	}
</script>