Access the URL of an jQuery Ajax Request in the Callback Function

Is there a way that I can see the URL that was requested when I do an Ajax request with jQuery?

e.g.,

var some_data_object = { ...all sorts of junk... }
$.get('/someurl.php',some_data_object, function(data, textStatus, jqXHR) {
   var real_url = ? # <-- How do I get this
})

How can I access the URL that jQuery actually used to make the request? Perhaps some method/property of jqHXR? I couldn't find it in the documentation.

Thanks.

Solution 1:

Set a break point in success method, then watch

this.url

is the real url for the request.

Solution 2:

Here is a possible solution:

1. Catch the ajax call before it is sent to the server by implementing the beforeSend callback function.
2. Save the url and the data

3. Report it in the error message you generate.

   var url = "";
   
   $.ajax({
     url: "/Product/AddInventoryCount",
     data: { productId: productId, trxDate: trxDate, description: description, reference: reference, qtyInCount: qtyInCount }, //encodeURIComponent(productName)
     type: 'POST',
     cache: false,
     beforeSend: function (jqXHR, settings) {
       url = settings.url + "?" + settings.data;
     },
     success: function (r) {
       //Whatever            
     },
     error: function (jqXHR, textStatus, errorThrown) {
       handleError(jqXHR, textStatus, errorThrown, url);
     }
   });
   
   function handleError(jqXHR, textStatus, errorThrown, url) {
      //Whatever
   }
   

Solution 3:

Using $.ajaxPrefilter:

// Make sure we can access the original request URL from any jqXHR objects
$.ajaxPrefilter(function(options, originalOptions, jqXHR) {
  jqXHR.originalRequestOptions = originalOptions;
});

$.get(
  'http://www.asdf.asdf'
).fail(function(jqXHR){
  console.log(jqXHR.originalRequestOptions);
  // -> Object {url: "http://www.asdf.asdf", type: "get", dataType: undefined, data: undefined, success: undefined}
});

http://api.jquery.com/jQuery.ajaxPrefilter/