Launch iFrame Web via HTTP POST


介紹如何透過 HTTP POST 的方式開啟 iframe 頁面

一般寫網頁需要嵌入一個完整的頁面時,常常會使用 iframe 的方式來做內容的嵌入。

而 HTML iframe 是框架的一種,也稱為內置框架或內聯框架,用來在網頁內嵌入另外一個網頁,例如現在非常流行的嵌入Facebook 粉絲團到部落格或個人網站、在網站內容加上別人的網站或是可獨立執行的網頁。

最簡單的使用方式如下:

<iframe src="URL"></iframe>

而進階一點的屬性如: heightwidth 屬性用於規定iframe的高度和寬度。
屬性值的默認單位是像素,但也可以用百分比來設定(比如“80%”)。如下:

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>

而如上方所顯示的範例,可以看到大多都是透過 src 屬性設定連結並透過 HTTP GET 的方式開啟。

如果有需要透過HTTP POST的方式開啟則可以透過下面的方式:

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>
<body>
<iframe src="about:blank" name="myFrame" width="600" height="350" scrolling="auto" frameborder="1"></iframe>
<form action="http://localhost:3000/posttest" method="POST" target="myFrame">
Search: <input type="text" name="q"><br>
<input type="submit" value="Go!">
</form>
</body>
</html>

這邊可以看到我們多用了一個 form 去傳遞 HTTP POST 所需要傳入的內容。

有興趣的朋友可以參考這邊用 Nodejs 寫好的範例iframe-post-demo

這是方面可以透過 Postman 協助發出 HTTP POST 的訊息來看結果,如下:

demo


作者: Blackie
版權聲明: 本站所有文章除特別聲明外,均採用 CC BY 4.0 許可協議。轉載請註明來源 Blackie !
  目錄