Jquery: Return the value of a ajax call to caller function?

Question

Im trying to return the value that a $ajax call returns, from a function but it only returns "undefined". If a alert the "reponse" from the ajax call it returns the rigth value. Here is the code, what am i doing wrong?:

$(".insertCandidate").live("click", (function(e) {
            var ids = this.id.toString().split("|");
            var tempCanID = ids[1];
            var canID = ids[0];
            var tempName = CandidateName(tempCanID);
            var canName = CandidateName(canID);
            //alert("HTML: "+tempName);
            $("#mergeCandidateDialog").empty();
            $.blockUI({ message: $("#mergeCandidateDialog").append(
                "<div>" + tempName + "s ansøgning til vil blive lagt under den eksiterende ansøger s data.<br /><br /> Ønsker du at fortsætte?<br /><br /></div>" +
                "<div id=\"content\">" +
                "<input type=\"button\" id=\"" + ids + "\" class=\"insertCandidateYes\" value=\"Ja\" />" +
                "<input type=\"button\" id=\"insertCandidateNo\" value=\"Nej\" /></div>"), css: { cursor: 'default', fontWeight: 'normal', padding: '7px', textAlign: 'left' }
            });
        }));

function CandidateName(candidateID) {
        var returnstring;
        $.ajax({
            type: "POST",
            url: "/Admin/GetCandidateName/",
            data: { 'candidateID': candidateID },
            succes: function(response) {
                returnstring = response;
                return;
            },
            error: function(response) {
                alert("FEJL: " + response);
            }
        });

        return returnstring;
    }

Community · Accepted Answer · 2017-05-23 12:26:43Z

3

You cannot do this unless you wait for the ajax call to complete by using asynch:false. However I would not do this as it locks up the browser and if the call fails to return the user will have to crash out. It is better to refactor your script and within the success function of the .ajax call to invoke a callback function.

See my answer to a similar question here

edited May 23, 2017 at 12:26

CommunityBot

11 silver badge

answered Aug 25, 2009 at 10:53

redsquare

78.8k21 gold badges155 silver badges160 bronze badges

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

Comments

ndp · Accepted Answer · 2009-08-25 23:25:10Z

1

Add an async true attribute to your .ajax call:

    type: "POST",
    async: false, // ADD THIS
    url: "/Admin/GetCandidateName/",

Also, you left off an "s" on success.

That may do it.

edited Aug 25, 2009 at 23:25

answered Aug 25, 2009 at 11:13

ndp

22.1k5 gold badges42 silver badges52 bronze badges

1 Comment

redsquare Over a year ago

asynch is true by default, not sure how this helps?

Devtrix.net · Accepted Answer · 2012-04-19 08:30:59Z

0

You're doing 2 ajax requests which are identical. To improve performance you should pass an array of IDs to your CandidateName method and then your server-side script also should return an array of matched names.

answered Apr 19, 2012 at 8:30

Devtrix.net

7937 silver badges8 bronze badges

Comments

amantur · Accepted Answer · 2009-08-25 11:07:51Z

-2

 $.ajax({
        type: "POST",
        url: "/Admin/GetCandidateName/",
        data: { 'candidateID': candidateID },
        success: function(response) {
            return response;//USE THIS

            //THIS WILL RETURN FROM THE FUNCTION WITHOUT RETURNING ANY VALUE
            //return;
        },

edited Aug 25, 2009 at 11:07

answered Aug 25, 2009 at 9:10

amantur

40.6k22 gold badges136 silver badges192 bronze badges

2 Comments

Poku Over a year ago

well, i need the ajax call to be in a function and when the script use posted is in a function, that doesn't work either. I tried it.

Quentin Over a year ago

The success function (if you spell the name correctly) is called in response to an event firing. It isn't called by the function that called the $.ajax function. (What is $ here anyway? I don't recognize the pattern. blog.dorward.me.uk/2009/02/19/the-dollar-function-must-die.html )

Collectives™ on Stack Overflow

Jquery: Return the value of a ajax call to caller function?

4 Answers 4

Comments

1 Comment

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related