資料互動:
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.介面文件主要由誰來寫?介面文件也是主要由後台開發者來寫的,因為直接跟...