How to get multiple responses from PHP file via AJAX?

Question

My PHP file doing 2 operations: 1. Submits data from form into db table, 2. Sends email.

What I want to do is to show status messages via ajax. For example, "First operation done, please wait for second" and then when second one will be finished show the next message "Second operation done too". Now my ajax looks like that.

How can I modify it?

//add status data to form
        form.data('formstatus', 'submitting');

        if (validate()) {
            //send data to server for validation
            $.ajax({
                url: formUrl,
                type: formMethod,
                dataType: "json",
                data: formData,
                success: function (data) { 
                    $.notifyBar({
                        cls: data.status,
                        html: data.message
                    });
                    form.data('formstatus', 'idle');
                }
            });

        }

roselan · Accepted Answer · 2011-11-12 14:28:52Z

3

in the success block you can perform another ajax call. That's the simplest. You can do it to in .success(), .ajaxSucces(), .complete(), or .then() function like this: $.ajax(...).success(...);

ideally you would embed the code in a function, by example

$.ajax({
    url: formUrl,
    type: formMethod,
    dataType: "json",
    data: formData,
    success: function (data) {
        notifyResponse(data); 
        form.data('formstatus', 'idle');
        sendMail();
    }
});

function sendMail() {
    $.get(mailUrl, function(data) {   // or $.post(...
        notifyResponse(data);
    });
}

function notifyResponse(data) {
    $.notifyBar({
        cls: data.status,
        html: data.message
    });
}

edited Nov 12, 2011 at 14:28

answered Nov 12, 2011 at 13:21

roselan

3,7651 gold badge23 silver badges20 bronze badges

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

2 Comments

Tural Ali Over a year ago

what will look like sendMail(func)?

roselan Over a year ago

exactly like your $.ajax function, with another url. The main point is that you can store informations usefull for sending mail inside the session, or send them with ajax. I prefer the first method, because less data is sent, but the seconds allows you to avoid another layer (the session saving/retrieving part in your server side language).

stivlo · Accepted Answer · 2011-11-12 13:15:59Z

3

If you've to do two operations that have different execution times, just send two different AJAX queries, and get the responses from them.

Divide your PHP service in two parts. If the second part depends on the first, instead of sending the two requests at the same time, send the second request when the first one returns.

In other words, in your success callback, you're going to notify the user that the first operation has been completed and you proceed to call the second operation, whose success callback will inform that the second operation has been completed.

answered Nov 12, 2011 at 13:15

stivlo

85.9k35 gold badges148 silver badges201 bronze badges

2 Comments

Tural Ali Over a year ago

is there anyway to do it from one and only ajax function? Please give an example code for your description

stivlo Over a year ago

yes, but you can't give partial feedback about the two operations, the two operations will be one. Sample code? Like in the example from roselan the sendMail() function will be another $.ajax call to the other service.

Collectives™ on Stack Overflow

How to get multiple responses from PHP file via AJAX?

2 Answers 2

2 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related