ajax请求加载动画
时间: 2023-11-30 17:42:40 浏览: 35
以下是使用jQuery实现ajax请求加载动画的示例代码:
```javascript
// 显示loading动画
function showLoad() {
// 在页面中添加一个loading的div
$('body').append('<div id="loading"><img src="loading.gif"/></div>');
// 设置loading的样式
$('#loading').css({
'position': 'fixed',
'top': '50%',
'left': '50%',
'margin-top': '-50px',
'margin-left': '-50px',
'z-index': '9999'
});
}
// 隐藏loading动画
function hideLoad() {
$('#loading').remove();
}
// 发送ajax请求
$.ajax({
url: 'your_url',
type: 'POST',
dataType: 'json',
beforeSend: function () {
showLoad(); // 发送请求之前显示loading动画
},
success: function (data) {
// 请求成功后的操作
},
complete: function () {
hideLoad(); // 请求完成后隐藏loading动画
}
});
```