jquery – 如何重复ajax调用直到成功

前端之家收集整理的这篇文章主要介绍了jquery – 如何重复ajax调用直到成功前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
单击“getproduct”按钮时,如果产品不可用,则ajax调用获取产品或404代码.

我希望每5秒再次调用函数getMyJson,直到返回产品.

有任何想法吗 ?

$(function () {
    $("#getproduct").click(function getMyJson() {
        $.ajax({
            type: "GET",url: "Product/GetProduct",dataType: "json",success: function (data) {
                //alert("succes");
                $("#name").html(data.Name);
                $("#price").html(data.Price);
            },error: function () {
                //alert("fail");
                //callback getMyJson here in 5 seconds
            }
        });
    });
});

解决方法

您可以在错误回调函数中使用setTimeout
$(function () {
    function getMyJson() {
        $.ajax({
            type: "GET",error: function () {
                //alert("fail");
                //callback getMyJson here in 5 seconds
                setTimeout(function () {
                    getMyJson();
                },5000)
            }
        });
    }
    $("#getproduct").click(function () {
        getMyJson();
    });
});
原文链接:https://www.f2er.com/jquery/177038.html

猜你在找的jQuery相关文章