jquery 循环执行ajax

最新推荐文章于 2024-04-17 16:25:52 发布

DAYU1992

最新推荐文章于 2024-04-17 16:25:52 发布

阅读量2.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签： ajax jquery

本文链接：https://blog.youkuaiyun.com/u012323576/article/details/72974557

jquery 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的异步加载视频加密状态的功能。通过循环调用AJAX请求，该脚本能够批量获取并更新每个视频的加密状态。具体实现包括递增计数器控制请求顺序、利用console.log记录关键步骤、根据返回数据更新页面元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 var num = $val_ids.length;
            var i = -1;
            function ajax(){
                i++;
                if(i >= num){
                    return ;
                }
                console.log('开始:'+i);
                video_id = $val_ids[i];
                $.ajax({
                    url: "{:url('video/encryptVideo')}",
                    type: "get",
                    async: true,
                    data: {
                        video_id: video_id
                    },
                    dataType: "json",
                    beforeSend: function() {
                      console.log('beforesend'+i);
                        $("#status_" + video_id).html('生成中');
                    },
                    success: function(data) {
                      console.log("success"+i);
                      console.log(data);
                        $("#status_" + data.video_id).html(data.msg);
                        // 回调ajax
                        ajax();
                    },
                    error: function(data) {
                        var id = this.url.split('=')[1];
                        $("#status_" + id).html('ajax失败');
                    }
                });
            }
            ajax();