基于 jQuery Ajax 定制自己喜愛的 API

30e8336b8229 發布于2019-08-19 18:05 / 3440人閱讀

摘要：你覺得的怎么樣，想不想定制更適合自己的絲滑。這篇文章基于我之前的的一篇在單頁面中的應用整理而來。因此，我基于，重新封裝了一層。內容大多會是后端技術前端工程，偶爾會有一些大數據相關，會推薦一些好玩的東西。希望你會喜歡一切，源于喜歡。

你覺得 jQuery的 Ajax API 怎么樣，想不想定制更適合自己的絲滑 API。

這篇文章基于我之前的的一篇《http.js 在Ajax單頁面中的應用》整理而來。

你可以掃描文章末尾的二維碼關注我的關注我的公眾號，內容大多會是后端技術、前端工程、DevOps，偶爾會有一些大數據相關，會推薦一些好玩的東西。希望你會喜歡~

編寫常規的 AJAX 代碼并不容易，因為不同的瀏覽器對 AJAX 的實現并不相同。不過 jQuery 已經幫忙處理掉了這些兼容，但代碼寫多了還是覺得不爽，因為它不能給我以下的體驗:

更簡單的鏈式 API；

頁面中的所有請求要附加一些公共參數；

不能統一處理服務返回的自定義錯誤；

新的 API

不愛動手的程序員不是好攻城獅。? 因此，我基于 jQuery，重新封裝了一層。

這是一個例子

//附加公共參數
$http.global("token","abcd321"); 
$http.use("/api",  (res) =>  {
    if (res.success) {
        return true;
    }
    var err = res.error;
    if (err.code === 1001) {
        location.href = "/login.html";
    } else {
        alert(err.message);
    }
    return false;
});

$http.get("/api/user").type("json")
.param("id", 110) .send( (res) =>  { 
       // 過濾器處理完才會執行到這一步
       var datum = res.datum;
       alert("Name: " + datum.name);
       console.log(res.datum);
    }, (err) => {
       alert("查詢失敗了額");
       console.error(err);
     });

這是詳細的API說明 設置公共參數；

$http.global(key, value);

設置過濾器；

$http.use(urlPrefix, option [optinal], callback);

設置請求類型；

$http.get(url);

$http.getJson(url);

$http.post(url);

$http.put(url);

$http.delete(url);

增加請求參數；

$http.param(key, value);

$http.params(paramJson);

設置請求頭；

$http.header(key, value);

$http.headers(paramJson);

其它擴展選項；

$http.cache(boolean);

$http.type("json/xml/html");

$http.async(boolean);

$http.timeout(number);

發送請求并處理回調；

$http.send(options [optional], successCallback, errorCallback);

Gist 地址

https://gist.github.com/lenbo-ma/0213bfe...

長按二維碼，關注我。

內容大多會是后端技術、前端工程、DevOps，偶爾會有一些大數據相關，會推薦一些好玩的東西。希望你會喜歡~

一切，源于喜歡。

云服務器 GPU云服務器自己喜愛 jquery_ajax的success 定制api jquery?ajax

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

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

http.js 在Ajax單頁面中的應用

摘要：發送全局參數我做單頁面應用時，會有這樣一個情景當用戶登錄后，服務器會返回一個值，之后的大部分請求都需要傳遞這個參數。因此，我在中增加這樣一個函數來解決上面的問題。關于作者馬隆博(Lenbo Ma)，Java，Javascript Blog: http://mlongbo.com E-Mail: mlongbo@gmail.com 文章編寫于: 2014/08/10 轉載請注明出...

DC_er 2019-08-21 10:17 評論0 收藏0
學Java編程需要注意的地方

摘要：學編程真的不是一件容易的事不管你多喜歡或是多會編程，在學習和解決問題上總會碰到障礙。熟練掌握核心內容，特別是和多線程初步具備面向對象設計和編程的能力掌握基本的優化策略。　　學Java編程真的不是一件容易的事,不管你多喜歡或是多會Java編程，在學習和解決問題上總會碰到障礙。工作的時間越久就越能明白這個道理。不過這倒是一個讓人進步的機會，因為你要一直不斷的學習才能很好的解決你面前的難題...

leanxi 2019-08-14 17:48 評論0 收藏0
JSONP的一點筆記<修改中>

摘要：請求服務器數據并規定回調函數為上面代碼通過動態添加元素，向服務器發出請求。另外假設向服務發送的請求是這樣的在這種情況下，是表示請求的請求參數，而是應用程序的回調函數的名稱。清單調用回調服務注意，我們使用作為回調函數名，而非真實的函數名。同源策略同源策略(Same origin policy)，它是由Netscape提出的一個著名的安全策略。現在所有支持JavaScript的瀏覽器都...

姘存按 2019-08-20 17:22 評論0 收藏0
javascript功能插件大集合前端常用插件 js常用插件

摘要：轉載來源包管理器管理著庫，并提供讀取和打包它們的工具。能構建更好應用的客戶端包管理器。一個整合和的最佳思想，使開發者能快速方便地組織和編寫前端代碼的下一代包管理器。很棒的組件集合。隱秘地使用和用戶數據。轉載來源：https://github.com/jobbole/aw... 包管理器管理著 javascript 庫，并提供讀取和打包它們的工具。?npm – npm 是 javasc...

netmou 2019-08-23 12:28 評論0 收藏0
javascript功能插件大集合前端常用插件 js常用插件

摘要：轉載來源包管理器管理著庫，并提供讀取和打包它們的工具。能構建更好應用的客戶端包管理器。一個整合和的最佳思想，使開發者能快速方便地組織和編寫前端代碼的下一代包管理器。很棒的組件集合。隱秘地使用和用戶數據。轉載來源：https://github.com/jobbole/aw... 包管理器管理著 javascript 庫，并提供讀取和打包它們的工具。?npm – npm 是 javasc...

Hydrogen 2019-08-02 11:46 評論0 收藏0