CODEWITHSUNDEEP
javascriptphpjqueryajax
user3091415
user3091415

Reputation: 13

Use ajax success data as variable in second ajax call

I have a script that makes two ajax calls - the second being contained within the success handler of the first.

However I need to use the data captured within the first success handler as a further variable to pass in the second ajax call and then use that variable within the php file that is undertaking the server side processing.

This is all very new to me, so I hope this makes some sort of sense. If anyone could assist that would be great.

$.ajax({
    type: 'POST',
    timeout: 500000,
    url: 'processone.php',
    data: $('form').serialize(),
    success: function (data) {
        alert("success data from processone is " + data);
        var lead_id = data;

        $.ajax({
        type: 'POST',
        timeout: 500000,
        url: 'processtwo.php?lead_id'+lead_id,
        data: $('form').serialize(),
        success: function (data2) {
            alert("success data from processtwo is " + data2)
        }
    });
    }
});

Upvotes: 0

Views: 532

Answers (3)

veddermatic
veddermatic

Reputation: 1082

Given the reply to my comment, and making the assumption that the data returned from the first AJAX call is a simple string value (if it's not, you can still use the code here to see how you need to do what you need to do). jQuery's serialize() returns a string (see https://api.jquery.com/serialize/) so you can just append to that.

Also, you are missing your = sign when making your URL, so if you are trying to get the lead_id as a GET var, that's why it's not working.

$.ajax({
    type: 'POST',
    timeout: 500000,
    url: 'processone.php',
    data: $('form').serialize(),
    success: function (data) {
        alert("success data from processone is " + data);
        var lead_id = data;

        $.ajax({
        type: 'POST',
        timeout: 500000,
        // you are missing the equals sign here, which is why this doesn't work as a GET
        url: 'processtwo.php?lead_id'+lead_id,
        // here we tack on a lead_id variable to the serialized form and give
        // it the value you got back from query 1
        data: ($('form').serialize() + "&lead_id=" + lead_id),
        success: function (data2) {
            alert("success data from processtwo is " + data2)
        }
    });
    }
});

Upvotes: 0

Joshua
Joshua

Reputation: 1270

You're going to want to split these into two separate functions and allow for a parameter to be passed to the second. Not really part of your question, but should make it much easier to read. The second process seems to be missing an equals sign in the url parameter which will cause it to not work

function processOne() {
$.ajax({
    type: 'POST',
    timeout: 500000,
    url: 'processone.php',
    data: $('form').serialize(),
    success: function(data) {
        //alert("success data from processone is " + data);
        //console logs are better to use when debugging data
        console.log('SUCCESS DATA', data);
        var lead_id = data;
        processTwo(lead_id);
    }
});

}

function processTwo(lead_id) {
$.ajax({
    type: 'POST',
    timeout: 500000,
    url: 'processtwo.php?lead_id=' + lead_id,
    data: $('form').serialize(),
    success: function(data2) {
        alert("success data from processtwo is " + data2);
    }
});

}

If you're still not getting anything make sure the data is directly returning the lead_id. AJAX calls commonly return JSON data, so it very well might be something like data.lead_id or something like that. Alerts aren't useful for showing this so you could use the console log, console.log('SUCCESS DATA', data) to dig into the return data.

Upvotes: 0

yalight
yalight

Reputation: 308

I think you lose a "=" sign in the code:

url: 'processtwo.php?lead_id='+lead_id,

Upvotes: 1

Related Questions