作者uuxx66 (uuxx66)
看板Web_Design
標題[問題]抓取 iframe中的body內容
時間Sat Feb 16 17:13:23 2019
各位高手好
小弟很菜目前大學生正在實習
這陣子在開發一個驗證的網站
目前遇到一個問題
前端使用者輸入完帳密以及服務ID後會把這些資料串在官方驗證網址後方然後post過去
官方驗證網頁會出現是否成功以及token等相關訊息在該網頁，如下圖所示
http://i.imgur.com/sWgBNwf.jpg
問題來了
在這裡會出現我所需要的token
但是我不知道該怎麼把這串官方所給的網頁內容存下來
以利原網頁JavaScript後續去抓token的變數做後續處理
目前想到的方式是原本的登入頁面嵌入一個iframe顯示這個網址的內容也就是上面那張圖那樣
然後設法把iframe子網頁的內容傳回父網頁
自己的想法是去讀網址打開的頁面中的程式碼現存成字串再回來做字串處理
但是目前不管用網路上教學contentWindow
還是
用jQuery去操作
$(window.parent.document).find("
#iframe_id").attr("src");
也只是抓到我貼給iframe的網址
都無法如我的想法一樣抓到我想要原始碼body裡頭的東西
網路上查到的很多iframe子網頁內嵌都是嵌入自己所寫的網頁與父網頁都屬都在同一個域內互傳
跨網域的實作參照了幾個方法還是弄不出來
想請問前後端高手們我應該怎麼處理比較好？
謝謝大家
-----
Sent from JPTT on my Vivo 1725.
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 42.75.203.160
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1550308406.A.A37.html
1F：→ xxi511: 單純的http post就可以拿到那個response吧？ 02/16 17:30
2F：推 tsao1211: Ajax 02/16 18:57
3F：推 shter: iframe 如果有跨網域你要用 postMessage 處理 02/16 22:46
4F：→ shter: 至於這個用 Ajax 就可以，直接寫的話你可用 XHR 或 fetch 02/16 22:47
5F：→ shter: 要用套件的話就 jQuery、axios 02/16 22:50
6F：推 rahit: ajax直接取json最快 02/18 08:52
7F：→ uuxx66: 在這裡先謝謝大家撥空給建議，也朝著大家建議的方向去處理 02/18 17:44
8F：→ uuxx66: 目前還在想該怎麼避免掉cors所產生的問題 02/18 17:44
9F：推 rahit: 跨域有後端還是走後端比較好吧 02/18 21:18
10F：→ rahit: 發個request post過去你圖的網站取json再給前端 02/18 21:18
11F：→ foolray: JQuery取內容不是用attr那是取屬性用的你再查一下有用法 02/21 16:33
12F：→ foolray: 的 02/21 16:33