所謂的 SPA

顧名思義

就是只有一頁

然後透過 js 來 render page

這東西用傳統的 HTML iframe標籤 不就可以實現

所以要看情況來選擇

並不是說一定要用 SPA 或 iframe

http post / get

dom selector

用 xhr 跟 js 也大概能做得到

只是大家還是很喜歡用 jquery XD

就像 player大 說的

你的頁面很簡單

當然可以用 iframe 寫就好

不過如果很複雜的話...

spa 會越來越受歡迎

我想應該是因為 ajax 越來越普遍的關係吧

看到你的 tag 有 vue

我覺得 vue 這類的 framework

更吸引人的是 data driven

也就是你的 view 是根據 data 來 render 的

codepen

這是我無聊在玩 vutify 的 component 時做的

可以看到我完全沒有寫任何 render view 的 code

只有寫一些簡單的查詢來變更 data

view 就會跟著 data 來 re-render

這如果用純 js 來寫...

當然也許很多類似的 lib 可以做到這些事

不過我想應該沒辦法像 vue 這類的 framework

這麼簡潔

您要不要先看一遍維基百科對於SPA的解釋?
https://zh.wikipedia.org/wiki/%E5%8D%95%E9%A1%B5%E5%BA%94%E7%94%A8

個人以為
SPA是WebServer輸出時先輸出要顯示的模版框架
而實際要顯示的內容
則是透過AJAX或類似的技術讀取WebServer上的資料(有人使用JSON去接資料, 而不是用XML)
再從用戶端套用顯示的模版
藉以減少WebServer輸出的流量

你如果資料就只有一頁就能搞定的話
要做成傳統HTML直接塞進去
也不是不可以啦
SPA是用在資料量大的地方
例如需要做分頁的地方