<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css" />
</head>
<body>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js"></script>
<script>
$.ajax({
type: 'get',
url: "",
data: "",
dataType: 'json',
contentType: 'apllication/json; charset=utf-8',
//数据加载前调用的方法 beforeSend()
beforeSend: function (data) {
//这里判断,如果没有加载数据,会显示loading
if (data.readyState == 0) {
weui.loading('数据加载中...');
}
},
//数据加载成功调用的方法 sucess()
sucess: function (data) {
//这里写数据加载成功后,会执行的代码
},
//数据加载成功后调用的方法 complete()
complete: function (data) {
//这里判断,数据加载成功之后,loading 隐藏
if (data.status == 200) {
setTimeOut(function () {
weui.loading('loading...').hide();
}, 500);
}
},
//数据加载错误后调用的方法 error()
error: function (data) {
alert("获取数据失败");
//weui.topTips('数据加载失败!');
}
})
</script>
</html>
这段代码是CSDN上的一位大师写的教案级的模板,问题是每块内容该填写什么内容呢?
我的理解是:
//数据加载前调用的方法 beforeSend()
beforeSend: function (data) {
//这里判断,如果没有加载数据,会显示loading
if (data.readyState == 0) {
weui.loading('数据加载中...');
}
},
这段代码很明显作用是加载数据成功之前会显示一个弹出层,提示用户数据正在加载中。
//数据加载成功调用的方法 sucess()
sucess: function (data) {
//这里写数据加载成功后,会执行的代码
},
这点代码是当数据成功加载后去绑定网页元素。
//数据加载成功后调用的方法 complete()
complete: function (data) {
//这里判断,数据加载成功之后,loading 隐藏
if (data.status == 200) {
setTimeOut(function () {
weui.loading('loading...').hide();
}, 500);
}
},
这段代码是说当数据成功加载后隐藏弹出层
//数据加载错误后调用的方法 error()
error: function (data) {
alert("获取数据失败");
//weui.topTips('数据加载失败!');
}
这段是当数据加载错误的时候显示的内容。
不知道我的理解对不对,望大家教诲。