uniapp處理后端返回的html字符串

前言：采用v-html方法處理

1.處理前

<html><head><meta http‐equiv="Content‐Type" content="text/html; charset=UTF-8"></head><body><form ?<input type="submit" value="立刻提交" style="display:none" >?</form>?<script>document.forms[0].submit();</script></body></html>

2.處理后

<form <input type="submit" value="立刻提交" style="display:none" >?</form>?<script>document.forms[0].submit();<\/script>

3.跳轉頁面方法

//傳參
uni.setStorageSync("ICBC_GW_V3_HTML",res.result.payUrl)
//跳轉 
uni.navigateTo({url:"/subpages/cashier/webView"})

4.被跳轉頁面

<template><view v-html="htmlContent"></view>
</template><script>
export default {data() {return {htmlContent:""}},onLoad(e) {console.log(e)//獲取參數const html=uni.getStorageSync("ICBC_GW_V3_HTML")console.log(html)this.htmlContent=this.processHtml(html)console.log(this.htmlContent)},mounted() {document.forms[0].submit();},methods: {//僅保留body里面的內容processHtml(html) {// 1. 提取標簽內的內容const bodyMatch = html.match(/<body>([\s\S]*)<\/body>/i);if (!bodyMatch) return '';let bodyContent = bodyMatch[1];// 2. 轉義標簽，防止script中斷bodyContent = bodyContent.replace(/<\/script>/g, '<\\/script>');return bodyContent;}}
};
</script><style></style>

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/diannao/88925.shtml
繁體地址，請注明出處：http://hk.pswp.cn/diannao/88925.shtml
英文地址，請注明出處：http://en.pswp.cn/diannao/88925.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！