[問題]抓取 iframe中的body內容

[uuxx66 (uuxx66)]

各位高手好
小弟很菜目前大學生正在實習

這陣子在開發一個驗證的網站
目前遇到一個問題
前端使用者輸入完帳密以及服務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://www.ptt.cc/bbs/Web_Design/M.1550308406.A.A37.html
→ xxi511: 單純的http post就可以拿到那個response吧？
推 tsao1211: Ajax
推 shter: iframe 如果有跨網域你要用 postMessage 處理
→ shter: 至於這個用 Ajax 就可以，直接寫的話你可用 XHR 或 fetch
→ shter: 要用套件的話就 jQuery、axios
推 rahit: ajax直接取json最快
→ uuxx66: 在這裡先謝謝大家撥空給建議，也朝著大家建議的方向去處理
→ uuxx66: 目前還在想該怎麼避免掉cors所產生的問題
推 rahit: 跨域有後端還是走後端比較好吧
→ rahit: 發個request post過去你圖的網站取json再給前端
→ foolray: JQuery取內容不是用attr那是取屬性用的你再查一下有用法
→ foolray: 的