使用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位址 其他引數都是選填引數,可以沒有 引數的形式是物...