国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

cookie ajax git 相關面試題

xavier / 639人閱讀

摘要:什么是如何創建一個異步在后臺與服務器進行異步數據交換,不用重載整個網頁,實現局部刷新。除此之外,擁有等方法,不像需要前端開發者自己封裝,。

什么是 Ajax? 如何創建一個Ajax?

AJAX(Asynchronous Javascript And XML) = 異步 JavaScript + XML 在后臺與服務器進行異步數據交換,不用重載整個網頁,實現局部刷新。
創建 ajax 步驟:
1.創建 XMLHttpRequest 對象
2.創建一個新的 HTTP 請求,并指定該 HTTP 請求的類型、驗證信息
3.設置響應 HTTP 請求狀態變化的回調函數
4.發送 HTTP 請求
5.獲取異步調用返回的數據
6.使用 JavaScript 和 DOM 實現局部刷新
var xhr = new XMLHttpRequest();
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function () {

if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 304)) {
    fn.call(this, xhr.responseText);
}

};
xhr.send(data);

sessionStorage、localStorage和cookie的區別

共同點:都是保存在瀏覽器端、且同源的
區別:
1、cookie數據始終在同源的http請求中攜帶(即使不需要),即cookie在瀏覽器和服務器間來回傳遞,而sessionStorage和localStorage不會自動把數據發送給服務器,僅在本地保存。cookie數據還有路徑(path)的概念,可以限制cookie只屬于某個路徑下
2、存儲大小限制也不同,cookie數據不能超過4K,同時因為每次http請求都會攜帶cookie、所以cookie只適合保存很小的數據,如會話標識。sessionStorage和localStorage雖然也有存儲大小的限制,但比cookie大得多,可以達到5M或更大
3、數據有效期不同,sessionStorage:僅在當前瀏覽器窗口關閉之前有效;localStorage:始終有效,窗口或瀏覽器關閉也一直保存,因此用作持久數據;cookie:只在設置的cookie過期時間之前有效,即使窗口關閉或瀏覽器關閉
4、作用域不同,sessionStorage不在不同的瀏覽器窗口中共享,即使是同一個頁面;localstorage在所有同源窗口中都是共享的;cookie也是在所有同源窗口中都是共享的
5、web Storage支持事件通知機制,可以將數據更新的通知發送給監聽者
6、web Storage的api接口使用更方便

web Storage和Cookie的區別

Web Storage的概念和cookie相似,區別是它是為了更大容量存儲設計的,cookie的大小是受限的,并且每次請求一個新的頁面的時候cookie都會被發送過去,這樣無形中浪費了帶寬,另外cookie還需要指定作用域,不可跨域調用。
除此之外,web storage擁有setItem,getItem,removeItem,clear等方法,不像cookie需要前端開發者自己封裝setCookie,getCookie。
但是cookie也是不可或缺的,cookie的作用是與服務器進行交互,作為http規范的一部分而存在的,而web Storage僅僅是為了在本地“存儲”數據而生
sessionStorage、localStorage、cookie都是在瀏覽器端存儲的數據,其中sessionStorage的概念很特別,引入了一個“瀏覽器窗口”的概念,sessionStorage是在同源的同窗口中,始終存在的數據,也就是說只要這個瀏覽器窗口沒有關閉,即使刷新頁面或進入同源另一個頁面,數據仍然存在,關閉窗口后,sessionStorage就會被銷毀,同時“獨立”打開的不同窗口,即使是同一頁面,sessionStorage對象也是不同的
Web Storage帶來的好處:
1、減少網絡流量:一旦數據保存在本地之后,就可以避免再向服務器請求數據,因此減少不必要的數據請求,減少數
據在瀏覽器和服務器間不必要的來回傳遞
2、快速顯示數據:性能好,從本地讀數據比通過網絡從服務器上獲得數據快得多,本地數據可以及時獲得,再加上網
頁本身也可以有緩存,因此整個頁面和數據都在本地的話,可以立即顯示
3、臨時存儲:很多時候數據只需要在用戶瀏覽一組頁面期間使用,關閉窗口后數據就可以丟棄了,這種情況使用sessionStorage非常方便

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/105615.html

相關文章

  • 你不知道的h5

    摘要:目前,常用的模塊規范主要有兩種和。攔截全局請求一直接引入腳本攔截需要的回調或函數。深刻知道一個良好的命名規范的重要性,同時在項目中也會遇到一些命名的瓶頸。 基于 Three.js 的超快的 3D 開發框架:Whitestorm.js Whitestorm.js 是一款基于 Three.js 超快的 Web 應用 3D 開發框架。它為普通的 Three.js 任務提供封裝、使搭建環境、...

    IntMain 評論0 收藏0
  • 前端面試大集合:來自真實大廠的532道面試(只有,沒有答案)

    答案自己谷歌或百度找。 一、來源背景 面試題是來自微博@牛客網發布的真實大廠前端面經題目,我一直在收集題目長期一個一個的記錄下來的,可能會有重復,但基本前端的面試大綱和需要掌握的知識都在其中了,面試題僅做學習參考,學習者閱后也要用心鉆研其中的原理,重要知識需要系統學習、透徹學習,形成自己的知識鏈。 二、532道前端真實大廠面試題 express和koa的對比,兩者中間件的原理,koa捕獲異常多種情...

    Kerr1Gan 評論0 收藏0
  • 前端面試大集合:來自真實大廠的532道面試(只有,沒有答案)

    答案自己谷歌或百度找。 一、來源背景 面試題是來自微博@牛客網發布的真實大廠前端面經題目,我一直在收集題目長期一個一個的記錄下來的,可能會有重復,但基本前端的面試大綱和需要掌握的知識都在其中了,面試題僅做學習參考,學習者閱后也要用心鉆研其中的原理,重要知識需要系統學習、透徹學習,形成自己的知識鏈。 二、532道前端真實大廠面試題 express和koa的對比,兩者中間件的原理,koa捕獲異常多種情...

    lushan 評論0 收藏0
  • 前端面試大集合:來自真實大廠的532道面試(只有,沒有答案)

    答案自己谷歌或百度找。 一、來源背景 面試題是來自微博@牛客網發布的真實大廠前端面經題目,我一直在收集題目長期一個一個的記錄下來的,可能會有重復,但基本前端的面試大綱和需要掌握的知識都在其中了,面試題僅做學習參考,學習者閱后也要用心鉆研其中的原理,重要知識需要系統學習、透徹學習,形成自己的知識鏈。 二、532道前端真實大廠面試題 express和koa的對比,兩者中間件的原理,koa捕獲異常多種情...

    joyvw 評論0 收藏0

發表評論

0條評論

xavier

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<