類似「路由器web配置頁面」的網頁,是通過什麼技術做到點擊按鈕後url不變,網頁變化的?
通過 url 變化來進行網頁變化已經是很老的技術了。原理上瀏覽器有 DOM 這個東西,有 JavaScript 這門語言,不刷新 url 要改變頁面輕輕鬆鬆。有興趣自己深入了解一下 JavaScript,HTTP,react,vue。
Ajax 即「Asynchronous Javascript And XML」(非同步 JavaScript 和 XML),是指一種創建互動式網頁應用的網頁開發技術。
Ajax = 非同步 JavaScript 和 XML 或者是 HTML(標準通用標記語言的子集)。
Ajax 是一種用於創建快速動態網頁的技術。
Ajax 是一種在無需重新載入整個網頁的情況下,能夠更新部分網頁的技術。
通過在後台與伺服器進行少量數據交換,Ajax 可以使網頁實現非同步更新。這意味著可以在不重新載入整個網頁的情況下,對網頁的某部分進行更新。
傳統的網頁(不使用 Ajax)如果需要更新內容,必須重載整個網頁頁面。
---- 摘自百度百科
iframe;
ajax+innerHTML
兩種方法,一種是前端ajax提交請求
另一種是form直接post請求
兩種可能。
要麼是頁面的內容是 JS 渲染出來的,操作的時候頁面並沒有跳轉,而是 JS 把頁面內容動態改掉了,所以 URL 不會變。現在的 SPA 頁面就是走的這種路子。
要麼是,你看到的頁面只是一個 iframe,實際頁面跳轉在 iframe 內部,你看不到而已。
如果是路由器的話,後面一種可能性更大一點。。。
js修改頁面元素就行了。路由器本地配置不會牽扯到ajax,url不變也不會是pushstate。
哈哈,你們就扯吧,
其實看看vue的路由原理,就知道了。
具體的分析文章,網上大把,看這裡:
vue的路由原理_百度搜索?www.baidu.com
然後還有我的知乎專欄,
老尚帶你學前端:前端開發項目-系列視頻教程-【總目錄】?zhuanlan.zhihu.comiframe?
一群扯iframe和ajax,難道不是pushmstate嘛
啥意思,你是說不同路由器配置地址一樣但是頁面長得不一樣嗎?
俗稱單頁應用 webapp
推薦閱讀: