首先最早是沒有Ajax請求的,只有普通的HTTP請求,這個時候發送一次HTTP請求,Server端就會計算後將數據放在一個HTML網頁上返回來,客戶端需要刷新網頁,也就是每次請求都刷新網頁。Ajax請求實現了返回xml或者json數據而不是html,然後支持在html不變情況下動態更新頁面內容而無需刷新。
這是HTTP和Ajax的區別。
以前我用Ajax只用了異步請求,就以為他倆的區別除了上述區別,還包括Ajax請求是異步的,HTTP是同步的,這種誤解當然是錯的。
不管傳統的HTTP請求還是Ajax請求,都有同步和異步兩種選項。
仍以Ajax請求為例,該請求最終通過JavaScript的XMLHttpRequest發送,這個請求對象實例化的時候第二個參數可以配置同步或異步,配置為同步之後會阻塞瀏覽器頁面的線程(也可能是進程),返回結果前客戶端不再響應用戶請求。配置為異步之後不會阻塞瀏覽器線程,繼續進行瀏覽器渲染和響應用戶操作,直到response返回後回調函數處理結果。
ajax請求:
普通請求 url請求
看倒數第二行有什麼不一樣???
發現ajax的請求,多了一個“X-Requested-With”屬性。
至於X-Requested-With的作用和設計的原因請自行了解,目前只知道它是區分ajax請求還是通過瀏覽器url來請求的
相關推薦
'經典軟件開發面試題:瀏覽器中輸入一個網址後發生了什麼?'
"經典軟件開發面試題:瀏覽器中輸入一個網址後發生了什麼?大家好, 這一期呢,我們來談一個經典的面試題。這種題目是在瀏覽器中輸入一個網址以後, 會顯示一個網頁,這期間到底發生了什麼? 答案要求說的越詳細越好。好,現在我們就來說一下這個問題。第1步用戶輸入網址,按回車以後,瀏...
'面試官:一個 TCP 連接可以發多少個 HTTP 請求?你真的造麼?'
"曾經有這麼一道面試題:從 URL 在瀏覽器被被輸入到頁面展現的過程中發生了什麼?相信大多數準備過的同學都能回答出來,但是如果繼續問:收到的 HTML 如果包含幾十個圖片標籤,這些圖片是以什麼方式、什麼順序、建立了多少連接、使用什麼協議被下載下來的呢? #pgc-ca...
'瘋了吧!面試官 5 連問一個 TCP 連接可以發多少個 HTTP 請求?'
"第一個問題第二個問題第三個問題第四個問題第五個問題曾經有這麼一道面試題:從 URL 在瀏覽器被被輸入到頁面展現的過程中發生了什麼?相信大多數準備過的同學都能回答出來,但是如果繼續問:收到的 HTML 如果包含幾十個圖片標籤,這些圖片是以什麼方式、什麼順序、建立了多少連接、...
'面試題解答系列:TCP UDP HTTP 的關係和區別'
"TCP UDP HTTP 三者的關係:TCP/IP是個協議組,可分為四個層次:網絡接口層、網絡層、傳輸層和應用層。在網絡層有IP協議、ICMP協議、ARP協議、RARP協議和BOOTP協議。在傳輸層中有TCP協議與UDP協議。在應用層有HTTP、FTP、TELNET、SM...
'會搞砸你的面試:你知道一個TCP連接上能發起多少個HTTP請求嗎?'
"本文由原作者鬆若章原創發佈,作者主頁:zhihu.com/people/hrsonion/posts,感謝原作者的無私分享。1、引言一道經典的面試題是:從 URL 在瀏覽器被被輸入到頁面展現的過程中發生了什麼?大多數回答都是說請求響應之後 DOM 怎麼被構建,被繪製出來。...
'面試官問:一個 TCP 連接可以發多少個 HTTP 請求?你學到了嗎?'
"曾經有這麼一道經典面試題:從 URL 在瀏覽器被被輸入到頁面展現的過程中發生了什麼?相信大多數準備過的同學都能回答出來,但是如果繼續問:收到的 HTML 如果包含幾十個圖片標籤,這些圖片是以什麼方式、什麼順序、建立了多少連接、使用什麼協議被下載下來的呢?來自:鬆若章 鏈接...
'前端JavaScript:20道大公司面試題,全都是經典,你都掌握了嗎?'
"劉小夕:https://juejin.im/post/5d124a12f265da1b9163a28d#comment1. new的實現原理是什麼?new 的實現原理:創建一個空對象,構造函數中的this指向這個空對象這個新對象被執行 [[原型]] 連接執行構造函數方法,...
瘋了吧!面試官5連問一個TCP連接可以發多少個HTTP請求?
來源:https://zhuanlan.zhihu.com/p/61423830曾經有這麼一道面試題:從 URL 在瀏覽器被被輸入到頁面展現的過程中發生了...
推薦中...