jQuery: get url in success function

Question

I would like to get the url from a jQuery success function, after it retreives data from the server. Unfortunately, the three parameters the success function takes don't expose the original url:

success: function(data, statusText, jqhxr)

I dumped the jqhxr variable, and couldn't find the url in there. The reason I need the url is because I'm making several calls at once through a loop, and therefore I have no idea which Ajax call is coming back. Making it an asynchronous call didn't help either.

Thank you in advance!

I have a feeling you're going down the wrong route here (1 function that handles all ajax returns) but couldn't you just include the name of the page in JSON that gets returned from the server? — AndrewR
– AndrewR, Commented Mar 22, 2012 at 21:21

sinemetu1 · Accepted Answer · 2012-03-23 12:12:11Z

16

this.url inside success function will work because this refers to the current context of the function, and since the success function is part of the settings object that you're passing to .ajax() it will access the url property.

See an article describing js scope and .ajax().

edited Mar 23, 2012 at 12:12

sinemetu1

1,7261 gold badge13 silver badges24 bronze badges

answered Mar 22, 2012 at 21:31

Esailija

140k24 gold badges280 silver badges328 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Eric Hodonsky · Accepted Answer · 2012-03-22 21:26:53Z

1

you mean making it a synchronous call didn't help...?

and my suggestion would be to set a parameter in the data you're getting back to determine what to do with it, if you're looping through a bunch of AJAX calls. But really you should have to loop through more than one call if you're doing it right you should be able to send enough parameters along with the data to get it all back in one call, this reduces the number trips between client and server, server and database, then server back to client.

answered Mar 22, 2012 at 21:26

Eric Hodonsky

5,9974 gold badges28 silver badges36 bronze badges

Comments

amit_g · Accepted Answer · 2012-03-22 21:31:21Z

1

You could probably use context when making the ajax call.

$.ajax({
  url: "test1.html",
  context: $("#call1")
});

$.ajax({
  url: "test2.html",
  context: $("#call2")
});

<div id="call1" class="hidden" data-url="whatever1"></div>
<div id="call2" class="hidden" data-url="whatever2"></div>

then in

success: function(data, statusText, jqhxr) {
    var url = $(this).data("url");
}

That way you could get any data, not just the url. Put any data you want to access in the corresponding div element.

answered Mar 22, 2012 at 21:31

amit_g

31.3k8 gold badges67 silver badges124 bronze badges

Comments

Stefan · Accepted Answer · 2012-03-22 21:31:39Z

1

If you call the server script via jQuery .ajax() or .post() or .get(), then you must have the url available in the success callback function, even if you are using a loop. That is because you have to pass the url to all three of those methods, and the result returned is specific to the url that you pass.

For example:

for(var i=0; i<10; i++) {
    url = "action_remote_" + i + ".php";
    $.ajax({
        type:'POST',
        url: url,
        data:$('#' + str_form_id).serialize(),
        success: function(response) {
            alert(url);
        }
    });
}

Unless I am not understanding you correctly...

answered Mar 22, 2012 at 21:31

Stefan

3,8993 gold badges28 silver badges39 bronze badges

Collectives™ on Stack Overflow

jQuery: get url in success function

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related