加载效果----转圈

最新推荐文章于 2024-03-29 18:05:58 发布

原创最新推荐文章于 2024-03-29 18:05:58 发布 · 955 阅读

0 ·

CC 4.0 BY-SA版权

网页专栏收录该内容

69 篇文章

订阅专栏

本文介绍了一个使用jQuery进行异步加载订单数据的例子，并展示了如何通过POST方式请求服务器端脚本并处理返回的数据，同时在等待期间显示加载提示。

$("#circular-loading").removeClass('hidden');
$.post(
'../php/loadOrderData.php',
{},
function(res) {
$("#circular-loading").addClass('hidden');
res1 = $.parseJSON(res);
console.log('res1',res1);
$('#columns').columns({data:res1});
}

);

<div id="circular-loading" class="hidden">
<div id="circularG_1" class="circularG">
</div>
<div id="circularG_2" class="circularG">
</div>
<div id="circularG_3" class="circularG">
</div>
<div id="circularG_4" class="circularG">
</div>
<div id="circularG_5" class="circularG">
</div>
<div id="circularG_6" class="circularG">
</div>
<div id="circularG_7" class="circularG">
</div>
<div id="circularG_8" class="circularG">
</div>
<div class="load-tip">正在加载数据</div>
</div>