How to get request url in a jQuery $.get/ajax request

Question

I have the following code:

$.get('http://www.example.org', {a:1,b:2,c:3}, function(xml) {}, 'xml');

Is there a way to fetch the url used to make the request after the request has been made (in the callback or otherwise)?

I want the output:

http://www.example.org?a=1&b=2&c=3

Answer 1

I can't get it to work on $.get() because it has no complete event.

I suggest to use $.ajax() like this,

$.ajax({
    url: 'http://www.example.org',
    data: {'a':1,'b':2,'c':3},
    dataType: 'xml',
    complete : function(){
        alert(this.url)
    },
    success: function(xml){
    }
});

craz demo

Answer 2

Since jQuery.get is just a shorthand for jQuery.ajax, another way would be to use the latter one's context option, as stated in the documentation :

The this reference within all callbacks is the object in the context option passed to $.ajax in the settings; if context is not specified, this is a reference to the Ajax settings themselves.

So you would use

$.ajax('http://www.example.org', {
  dataType: 'xml',
  data: {'a':1,'b':2,'c':3},
  context: {
    url: 'http://www.example.org'
  }
}).done(function(xml) {alert(this.url});