Stop AJAX call from executing query

Question

In my web application, on click on a specific button, AJAX call is triggered. On the server side, I want to execute a query to a DB.

Now, I am thinking about this, there are queries that are executing for some period, and maybe user isn't patient enough to wait for the results, and wants to stop the execution.

Is there a way to add one more button, that when clicked could stop previous AJAX call from executing and ALSO stop execution of a query? And is it a safe approach?

I am using angularjs, alongside with C# on server side.

Sean Larkin · Answer 1 · 2015-11-12T16:07:56.537

The best way to go about "cancelling" your request on the client side is by taking advantage of the $q service, creating a deferred and then attaching it to your request using the "timeout" property for the $http({}) function call.

function sendSomeRequestToServer() {
  var requestCanceler = $q.defer();

  var request = $http({
    method: "get",
    url: "/your/url",
    timeout: requestCanceler.promise
  });

  var promise = request.then(function(response) {
    return response.data;
  });

  promise._requestCanceler = requestCanceler;

  return promise;
}


function cancel(requestPromise) {
  if (promise && promise._requestCanceler && promise._requestCanceler.resolve) {  
    promise._requestCanceler.resolve();
  }
}

Most likely these functions would be wrapped in the same angular service. Credit to Ben Nadel and his blog for the tutorial and code.

OP is talking about cancelling server-side database operation — Igor, Nov 12 '15 at 15:38

score 0 · Accepted Answer · edited May 23 '17 at 12:23

0

Stop AJAX call from executing query

2 Answers2