Cách lặp lại cuộc gọi ajax cho đến khi thành công

Question

Khi nút "getproduct" được nhấp, cuộc gọi ajax sẽ nhận được sản phẩm hoặc mã 404 nếu sản phẩm không có sẵn.

Tôi muốn hàm getMyJson được gọi lại sau mỗi 5 giây cho đến khi sản phẩm được trả về.

Bất kỳ ý tưởng nào?

$(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 
      } 
     }); 
    }); 
}); 

Answer 1

Bạn có thể sử dụng setTimeout trong error hàm callback

$(function() { 
    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() { 
        getMyJson(); 
       }, 5000) 
      } 
     }); 
    } 
    $("#getproduct").click(function() { 
     getMyJson(); 
    }); 
});