jQuery的ajax封裝和前端mock資料

2021-09-29 22:30:37 字數 806 閱讀 1652

使用jquery的ajax進行網路請求,一般會先對它進行封裝,封裝成便於管理的形式。

我一般的封裝如下:

/**

* mock資料

*/var mydata = ,

]}/**

* ajax請求封裝

*/var datarequest = ,

type: opts.type || "get",

datatype: opts.datatype || "json",

async: opts.async !== false,

beforesend: function () ,

success: function (res) ,

error: function (err)

})},

urls:

}

而平常我們在前端與後端進行對接的時候,後端在沒有寫好介面的情況下,我們可以先進行資料的mock,mock的資料和真正的ajax請求**可以放在一起,只要在正式測試介面的時候注釋掉mock資料的那一部分即可(如上注釋部分)。

而在實際的ajax請求時,只要給定封裝ajax時指定的物件選項即可:

// 初始化請求資料

datarequest.request(

mytab.initdata = dd;

}});

說明:這樣的處理方式使得url的管理要方便很多,而且只要後台給出mock資料的格式即可mock資料,正式的介面對接時注釋掉mock資料部分,使用真正的ajax請求。

基於jquery的ajax封裝

jquery給我們的開發帶來了很多的便利,對其熟練的運用是現在前端開發人員的必要技能之一。其封裝的很多方法都做了相容的處理,就少去了部分開發人員做相容處理的問題,從而提高工作效率,有更多時間來學習其它技能 今天來聊聊其的ajax 方法,ajax 方法通過 http 請求載入遠端資料。ajax 返回其...

jQuery封裝ajax的方法

引數有4個,必填引數是url位址,其他引數都是選填引數,可以沒有,引數的形式是物件形式。get 引數有4個,必填引數是url位址,其他引數都是選填引數,可以沒有,引數的形式是物件形式。post 請求成功時執行的函式 有n個引數,預設請求方式是 get 方式 ajax 傳參引數,必須是物件形式,dat...

jQuery封裝ajax的方法

最近在逆戰班學習了jquery,這裡學一些jquery封裝ajax的方法,jquery封裝ajax原理和原生js是一樣的,只是用的是封裝好的方法,具體有三種方式。1,get 方法 從字面意義就可以看出是get請求方法 有4個引數,必填引數是 url位址 其他引數都是選填引數,可以沒有 引數的形式是物...