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