前端資料互動

2022-03-06 10:37:37 字數 1473 閱讀 7963

資料互動:

1.http協議

2.form

3.ajax--不能跨域,官方    單向

4.jsonp--跨域 不推薦(不支援post)

5.websocket--雙向 

http協議---協議

1.無狀態-----客戶端訪問伺服器之後,伺服器不能記住客戶端

2.連線過程----客戶端傳送請求到伺服器,伺服器返回資料

3.x訊息包含:傳送包含傳送header(<=32k 以行做單位),body(<=2g)

返回包含header(<=32k),body(<=2g)

http快取

1.加隨機數或者時間戳

2.在請求頭里設定canche-control: date

http和https

https證書(自驗證證書和機構證書)

http 1.0              短鏈結

http 1.1   主流    長連線----keep alive  html css js  img 

http 2.0 (試圖加入狀態)websocket

form  

1.action---提交到哪兒

2.method----get/post/put/delete/head/[自定義(需要伺服器配置)]

get    資料放到url裡面傳輸                  資料量小。快取

post   放到body裡                                 資料量大,不會快取

get——向伺服器獲取資訊

post,put——向伺服器傳送資料      

delete——刪除資料

head——讓伺服器只傳送頭資訊回來(不需要內容)

3.name=」資料字段名字「 

multipart/form-data(上傳檔案,大資料量)

ajax原理——xmlhttprequest

xmlhttprequest——不相容ie6

onreadystatechange(當通訊發生完成)——五種狀態  0初始狀態(xhr物件剛建立完成)1連線  (連線到伺服器)2傳送請求(剛剛send完成)3接收完成(指head頭詳細接收完成)4接收完成(指body體接收完成)

status——http狀態碼 

1xx  訊息

2xx 成功

3xx 重定向

301——永久重定向

302 ——臨時重定向

304——快取

4xx  客戶端請求錯誤

5xx 伺服器錯誤

6xx 自定義

接收響應資料:

xhr.responsetext

xhr.response

eval——不安全

json.stringify()----------轉化為字串

json.parse()-------轉化為json物件

jsonp

Vue前端互動

前言 1 介面呼叫方式 2 url位址格式 restful形式的url 3 promise 概述 4 promise 的基本用法 例項化promise 物件,建構函式中傳遞函式,該函式中用於處理非同步任務 resolve和reject兩個引數用於處理成功和失敗兩種情況,並通過p.then獲取處理結果...

web前端與後台資料互動

1.前端請求資料url由誰來寫?在開發中,url主要是由後台來寫的,寫好了給前端開發者.如果後台在查詢資料,需要借助查詢條件才能查詢到前端需要的資料時,這時後台會要求前端提供相關的查詢引數,這裡的查詢引數也就是url請求的引數。2.介面文件主要由誰來寫?介面文件也是主要由後台開發者來寫的,因為直接跟...

web前端與後台資料互動

1.前端請求資料url由誰來寫?在開發中,url主要是由後台來寫的,寫好了給前端開發者.如果後台在查詢資料,需要借助查詢條件才能查詢到前端需要的資料時,這時後台會要求前端提供相關的查詢引數,這裡的查詢引數也就是url請求的引數。2.介面文件主要由誰來寫?介面文件也是主要由後台開發者來寫的,因為直接跟...