Ajax进度条

最新推荐文章于 2021-08-06 17:50:08 发布

Lewis_1993

最新推荐文章于 2021-08-06 17:50:08 发布

阅读量649

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/Levis_1993/article/details/77715407

javascript 专栏收录该内容

13 篇文章

订阅专栏

<div style="margin:100px 0;"></div>
<div id="p" class="easyui-progressbar" style="width: 400px;"></div>

var timerId;

$(function() { 
    timerId = setInterval(getForm, 500);
});

function getForm() {
    $.ajax({
        type: "post",
        url: "getProgressValueByJson",
        timeout: 30000,
        dataType: "json",  
        success: function(data) {
            if (data.progressValue >= 100) {
                clearInterval(timerId);
            }
            $('#p').progressbar('setValue', data.progressValue);
        }, 
        error: function() {
            window.clearInterval(timerId);
            alert("请求出错");
        }
    });
}