舒工自定义AJAX-lite 1.0实用型极简方法

简介: 舒工自定义AJAX-lite 1.0实用型极简方法

/*舒工AJAX-lite 1.0 -- 最精简的ajax自定义访问方法/
if ($g) {
$g.$utils || ($g.$utils = {});
} else {
var $g = {};
$g.$utils = {};
}
$g.$utils.ajax = o => {
var p = o.post, g = o.get, d = p.data, a = p.async, J = "json", j = p[J], s = g.success, e = g.error;
d = {
async: a == undefined || a, / false(解决手机端同步多次请求接口报错的问题)/ timeout: 60000, type: p.type || "post", url: p.url, data: d, success(r) {
s && s(r);
}, error(r) {
e && e(r);
}
};
d.data || delete d.data;
(d.data && Object.keys(d.data).length === 0) && delete d.data;
j === false ? (d.dataType = J) : (d.data = JSON.stringify(d.data), d.contentType = "application/" + J) , $.ajax(d);
};

/*调用舒工AJAX-lite 1.0/
$g.$utils.ajax({
post: {type:'post',url: "http://your_api",data:{key:value}},
get: {
success(d) {/ loading.close();//停止加载/
if (d.code == 200) {
console.log(d);
} else {
alert(JSON.stringify(d, null, 4));
}
}, error(d) {
console.log("【报错】" + JSON.stringify(d, null, 4));
},
}
});

因此衍生出sgData.js可以封装好所有的存取数据的接口

相关文章
|
22天前
|
JavaScript 前端开发 容器
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
18 0
|
7月前
|
JSON 前端开发 JavaScript
JavaScript学习 -- ajax方法的POST请求
JavaScript学习 -- ajax方法的POST请求
37 0
|
2月前
|
前端开发
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
AJAX发送请求方法封装和请求函数底层刨析以及axios二次封装
|
2月前
|
移动开发 前端开发 安全
Ajax跨域的所有方法(最详细带使用教程!!!)
Ajax跨域的所有方法(最详细带使用教程!!!)
|
3月前
|
数据采集 Web App开发 前端开发
Python爬虫之Ajax分析方法与结果提取#6
Ajax分析方法、Ajax结果提取【2月更文挑战第20天】
38 0
Python爬虫之Ajax分析方法与结果提取#6
|
3月前
|
XML 前端开发 JavaScript
AJAX get() 和 post() 方法
AJAX(Asynchronous JavaScript and XML)是一种用于创建快速和动态网页的技术,它允许使用 JavaScript 和 XMLHttpRequest 对象在不重新加载整个页面的情况下向服务器发送请求和接收响应。jQuery 提供了几个用于 AJAX 操作的方法,包括 .ajax()、.get() 和 .post()
15 1
|
4月前
|
前端开发 JavaScript
|
4月前
|
JSON 前端开发 JavaScript
JavaScript学习 -- ajax方法的POST请求
JavaScript学习 -- ajax方法的POST请求
30 0
|
4月前
|
XML JSON 前端开发
AJAX 中创建 XMLHttpRequest 对象的方法和常用属性、方法
AJAX 中创建 XMLHttpRequest 对象的方法和常用属性、方法
39 0
|
9月前
|
XML JSON 缓存
JQuery中$.ajax()方法参数详解
JQuery中$.ajax()方法参数详解
42 2