How do I resend a failed ajax request?

前端 未结 4 1076
不知归路
不知归路 2020-11-27 07:20

I have multiple ajax requests some request data every minute others are initiated by the user through a ui.

$.get(\'/myurl\', data).done(function( data ){
           


        
4条回答
  •  余生分开走
    2020-11-27 07:48

    In this case, I would write a specific handler for the 403 status code, which means unauthorized (my server would return a 403 too). From the jquery ajax docs, you can do

    $.ajax({
      statusCode: {
        403: function() {
            relogin(onSuccess);
        }
      }
    });
    

    to achieve that.

    In that handler, I would call a relogin method, passing a function that captures what to do when login succeeds. In this case, you could pass in the method that contains the call you want to run again.

    In the code above, relogin should call the login code, and onSuccess should be a function that wraps the code you execute every minute.

    EDIT- based on your clarification in comment, that this scenario happens for multiple requests, I personally would create an API for your app that captures the interactions with the server.

    app = {};
    app.api = {};
    // now define all your requests AND request callbacks, that way you can reuse them
    app.api.makeRequest1 = function(..){..} // make request 1
    app.api._request1Success = function(...){...}// success handler for request 1
    app.api._request1Fail = function(...){...}// general fail handler for request 1
    
    /**
      A method that will construct a function that is intended to be executed
      on auth failure.
    
      @param attempted The method you were trying to execute
      @param args      The args you want to pass to the method on retry
      @return function A function that will retry the attempted method
    **/
    app.api.generalAuthFail = function(attempted, args){
       return function(paramsForFail){ // whatever jquery returns on fail should be the args
          if (attempted) attempted(args); 
       }  
    }
    

    so with that structure, in your request1 method you would do something like

    $().ajax({
        ....
        statusCode: {
            403: app.api.generalAuthFail(app.api.request1, someArgs);
        }
    }}
    

    the generalAuthFailure will return a callback that executes the method you pass in.

提交回复
热议问题