成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

30e8336b8229 / 3462人閱讀

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

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

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

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

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

更簡單的鏈?zhǔn)?API；

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

不能統(tǒng)一處理服務(wù)返回的自定義錯誤；

新的 API

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

這是一個例子 
//附加公共參數(shù)
$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) =>  { 
       // 過濾器處理完才會執(zhí)行到這一步
       var datum = res.datum;
       alert("Name: " + datum.name);
       console.log(res.datum);
    }, (err) => {
       alert("查詢失敗了額");
       console.error(err);
     });
這是詳細的API說明 設(shè)置公共參數(shù)；

$http.global(key, value);

設(shè)置過濾器；

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

設(shè)置請求類型；

$http.get(url);

$http.getJson(url);

$http.post(url);

$http.put(url);

$http.delete(url);

增加請求參數(shù)；

$http.param(key, value);

$http.params(paramJson);

設(shè)置請求頭；

$http.header(key, value);

$http.headers(paramJson);

其它擴展選項；

$http.cache(boolean);

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

$http.async(boolean);

$http.timeout(number);

發(fā)送請求并處理回調(diào)；

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

Gist 地址

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

長按二維碼，關(guān)注我。

內(nèi)容大多會是后端技術(shù)、前端工程、DevOps，偶爾會有一些大數(shù)據(jù)相關(guān)，會推薦一些好玩的東西。希望你會喜歡~

一切，源于喜歡。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/79178.html

相關(guān)文章

  • http.js 在Ajax單頁面中的應(yīng)用

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

    DC_er 評論0 收藏0

  • 學(xué)Java編程需要注意的地方

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

    leanxi 評論0 收藏0

  • JSONP的一點筆記<修改中>

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

    姘存按 評論0 收藏0

  • javascript功能插件大集合 前端常用插件 js常用插件

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

    netmou 評論0 收藏0

  • javascript功能插件大集合 前端常用插件 js常用插件

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

    Hydrogen 評論0 收藏0

發(fā)表評論

0條評論

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