封装jquery的ajax
2024-09-01 15:23:34
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery ajax封装</title>
<script src="jquery.min.js"></script>
</head> <body>
<script>
$(function() {
/**
* ajax封装
* url 发送请求的地址
* data 发送到服务器的数据,数组存储,如:{"username": "张三", "password": 123456}
* succCallback 成功回调函数
* errorCallback 失败回调函数
* type 请求方式("POST" 或 "GET"), 默认已经设置为 "POST"
* dataType 预期服务器返回的数据类型,常用的如:xml、html、json、text
* reference jquery-1.7.1.js
*/ //插入loading
/*var html = "";
html += '<div class="js_loading">';
html += '<div class="mask"></div>';
html += '<div class="loading">';
html += '<span><img src="loading.gif"></span>';
html += '</div>';
html += '</div>';
$("body").append(html);*/ function $ajax(url, postData, succCallback, errorCallback, type, dataType) {
var type = type || "post";
var dataType = dataType || "json";
$.ajax({
type: type,
url: url,
data: postData,
dataType: dataType,
beforeSend: function() { //开始loading
//$(".js_loading").show();
},
success: function(res) {
/*if (res.success) {
if (succCallback) {
succCallback(res);
}
} else {
if (errorCallback) {
errorCallback(res);
}
}*/
},
complete: function() { //结束loading
//$(".js_loading").remove();
//$(".js_loading").hide();
}
});
} var postData = { moduleId: "fb750e3c-808f-4497-bf4a-f6bf6726a66e" } || {};
//console.log(postData); /*$ajax("http://localhost:6688/AuthorizeManage/ModuleColumn/GetColModel", postData, function(res) {
console.log(res);
}, function(res) { }, "GET");*/ });
</script>
</body>
</html>
最新文章
- js 对数据转换成数据容量单位
- linux 高性能服务器编程
- OpenGL ES无法获取贴图数据原因
- 使用word和pdf进行仿书编辑的经验
- hadoop命令备忘
- 快速建立Linux c/c++编译环境
- UVa 294 (因数的个数) Divisors
- 又优化了一下 Android ListView 异步加载图片
- java反射中Method类invoke方法的使用方法
- C#的StringBuilder 以及string字符串拼接的效率对照
- jquery 学习笔记(1)
- k8s-N0.4-service
- Linux中docker的使用(2)
- python写的翻译代码
- Android包管理机制(一) PackageInstaller的初始化
- 自己实现strtok函数
- 如何使用Apache log4net库与ASP.NET MVC 5日志记录
- 爬虫--urllib模块
- Hadoop HBase概念学习系列之HLog(二)
- Varnish 4.0 实战
热门文章
- 画布之ShapeDrawable
- Time类
- struct2json -- C结构体与 JSON 快速互转库V1.0发布
- QSplitter的使用案例
- IDEA启动tomcat报错:java.lang.NoClassDefFoundError: org/springframework/context/ApplicationContext、ContainerBase.addChild: start: org.apache.catalina.LifecycleException: Failed to start component
- PAT 甲级 1040 Longest Symmetric String (25 分)(字符串最长对称字串,遍历)
- OLE导出EXCEL 问题处理
- 使用redis做为MySQL的缓存-C语言编写UDF
- CentOS 7中安装和配置Promethues
- java面试准备策略