在Vue開發中,使用iframe進行異步提交表單等操作是比較常見的。而在實際使用中,可能需要將跨域生成的iframe中的數據傳遞回父頁面,此時我們就需要使用iframe的post方法將數據傳遞回父頁面。
使用post方法需要在父頁面中監聽message事件,在子頁面中通過window.parent.postMessage()方法向父頁面發送消息。
// 子頁面 window.parent.postMessage('your_data', 'http://your_parent_domain.com'); // 父頁面 window.addEventListener('message', (event) =>{ console.log(event.data); // 'your_data' }, false);
需要注意的是,在使用post方法時,如果目標頁面的域名是動態生成的,則需要使用通配符"*"代替域名,同時也要注意防范XSS攻擊。
上一篇python 面試算法
下一篇python 很少人用