美文网首页
移动端 跳转iframe标签回退后,页面请求数据

移动端 跳转iframe标签回退后,页面请求数据

作者: 不不作为 | 来源:发表于2020-12-07 17:00 被阅读0次

在H5 对接完优量汇广告后,需求致使我做的业务:
在跳转回退到广告列表后 需要请求数据 增加今日观看广告的数量.
这个需求肯定是要请求后台接口去实现. 在我看完优量汇文档后,发现里面的方法根本不适用于此广告类型,所以打算自己研究
因为涉及到页面的刷新,所以我采用本地存储控制接口的请求.

曾给广告外容器添加点击事件去设置本地存储,奈何无效.因为是跳iframe标签 并且这个标签还不是自己的 控制难度太高,所以想到了事件捕获,从而成功.

具体实现方法:

_this.$nextTick(()=>{
                                let iframes = document.querySelectorAll('.infos div iframe')
                                iframes.forEach(item=>{
                                    console.log(item.contentWindow);
                                    item.contentWindow.addEventListener('click',()=>{
                                        uni.setStorageSync('adClick',1)
                                    },true) 
                                })
                            })

onLoad(){
        this.getData();
        if(uni.getStorageSync('adClick') == 1){
            this.forData()
            uni.removeStorageSync('adClick')
        }
    }

相关文章

网友评论

      本文标题:移动端 跳转iframe标签回退后,页面请求数据

      本文链接:https://www.haomeiwen.com/subject/yodtgktx.html