ajax自己封装
2024-10-16 03:32:55
function paramsSeralize(obj){
if(!obj || typeof !== 'object') return obj;
let res = '';
for (const key in obj) {
if (obj.hasOwnProperty(key)) {
res += `&${key}=${obj[key]}`
}
}
result = result.substring(1);
return result;
}
function ajax (options) {
let params = Object.assign({
method: 'GET',
url: '',
data: null,
params: null
}, options)
let isGet = /^(GET|OPTIONS|HEAD|DELETE)$/i.test(options.method) options.params ? options.params = paramsSeralize(options.params) : null; options.data ? options.data = paramsSeralize(options.data) : null; if(isGet && options.params){
options.url += `${options.url.indexOf('?')>=0 ? '&' : '?'}${options.params}`
} let xhr = new XMLHttpRequest;
xhr.open(options.method, options.url) !isGet ? xhr.setRequestHeader('Content-type','x-www-form-urlencoded') : null; xhr.onreadystatechange = function () {
let { readyState, status, responseText } = xhr;
if (/^2\d{2}/.test(status) && readyState === 4) {
responseText = JSON.stringify(responseText)
options.success && options.success()
}
}
xhr.send(isGet ? null : options.data);
}
使用
ajax({
method: 'GET',
url: '/user/list',
data: {
lx: 1,
number: 2
},
params: {
type: 1
},
success (res) { }
})
最新文章
- 简记用ArcGIS处理某项目需求中数据的步骤
- 几个毫无节操纯属恶搞的JavaScript插件
- C语言每日一题之No.2
- Java基础知识强化92:日期工具类的编写和测试案例
- 包装类和基本类型区别?(integer和int取值范围一样大)
- 【NOIP2004】【CJOJ1703】【洛谷1092】虫食算
- 安装插件出现eclipse An internal error occurred during: ";Installing Software";. xxxxxxxxx
- openj9
- EBS打补丁参考
- 4.2Python数据类型(2)之布尔类型
- linux 斜杠/
- Java代码中获取Json的key值
- 10.16JS日记
- Swift3 今日(TodayExtension)扩展图文笔记
- Java - 线程Join与interrupt
- linux 卸载mysql
- ASP.NET MVC 4 (二)控制器
- Pull to RefreshListView 添加HeaderView
- Oracle驱动classes12.jar 与ojdbc14.jar的区别
- Vue学习笔记之Vue组件