axios jquery及原生ajax對比

2022-06-08 06:00:15 字數 1316 閱讀 7829

ajax、fetch、axios的區別與優缺點

axios的github位址

//

建立非同步物件

//設定請求基本資訊,並加上請求頭

xhr.open('post', 'test.php');

//傳送請求

xhr.send('name=lan&age=18');

xhr.onreadystatechange = function

()

};

var loginbtn =  document.getelementsbytagname("button")[0];

loginbtn.onclick = function

() });

}

fetch('', )

.then(res =>)

.then(data =>)

axios(

}).then(

function

(response) )

.catch(function

(error) );

同時發起多個請求:

幾種方式的對比

ajax:

優點:區域性更新;原生支援】

缺點:可能破壞瀏覽器後退功能;巢狀**】

jqueryajax:

【在原生的ajax的基礎上進行了封裝;支援jsonp】

fetch:

優點:解決**地獄】

缺點:api 偏底層,需要封裝;預設不帶cookie,需要手動新增; 瀏覽器支援情況不是很友好,需要第三方的ployfill】

axios:

【幾乎完美】

axios的特點

支援瀏覽器和node.js

支援promise

攔截請求和響應

能轉換請求和響應資料

取消請求

自動轉換json資料

瀏覽器端支援防止csrf(跨站請求偽造)

zookeeper原生API及Curator的使用

原生api 節點特性 zookeeper節點特性 public class zkdemo countdownlatch.await system.out.println zookeeper.getstate 節點路徑 值 acl 節點的操作許可權 節點的型別,持久化節點 zookeeper.crea...

原生矩陣操作類及方法

package com.util public class matrix 杜航 功能 構造n行n列的空矩陣 public matrix int n 杜航 功能 無參建構函式預設構造2行2列的空矩陣 public matrix 杜航 功能 構造矩陣,由陣列mat提供矩陣元素 public matrix...

golang Gorm 運用及執行原生SQL

連線資料庫得到 db.singulartable true 不設定表名為複數 資料遷移 到mysql db.automigrate user db.automigrate userinfo package main import 引用 createtable 呼叫init方法 ginmysql cr...