Append output after each loop on an ajax call back function

Question

It's been more than 2 hours trying to find an optimal way to display the result rendered by an ajax call back function , Let me explain what i exactly want to do to better understand ...

I have a button "send" , on click event I defined a function that sends a $category_id to another page , where then I grab all the recipients from the database and send for each an Email. Now the whole process is working fine , but after each loop :

(foreach ($recipients as $recipient))
{send_mail();
echo "email sent successfully to ....";}

I'm returning an echo statement telling that the email was correctly sent to that recipient . The Javascript function is defined to append those echo results in a div , but instead of displaying every statement after getting rendered , it gathers them all and display them at once .

$.ajax({
                async: true,
                url: 'send_emails.php?category='+category,
                success: function(r){
                    $('#status').append(r); //this happens all at once
                                    }
                });

Is there a better idea to reach my goal ?

thanks in advance

I don't get what is your goal, do you want to send emails one by one? Or do you want to display the messages in different elements in html? — Thanasis Pap
– Thanasis Pap, Commented Nov 11, 2014 at 10:15
No I want to display the message (email sent successfully ...) in the html page every time an email is sent . — arakibi
– arakibi, Commented Nov 11, 2014 at 10:18

Anonymoose · Accepted Answer · 2014-11-11 10:18:46Z

1

The Success event of an ajax called is triggered when the XHR status changes to 200 (successful). This only happens when the back-end is done processing.

What you need is to check is the XHR readyState attribute. Which is set to '3' during processing of the request. You can then send updates from your PHP script to the webpage.

Here is a good blog that explains how to do it

answered Nov 11, 2014 at 10:18

Anonymoose

2,5017 gold badges40 silver badges71 bronze badges

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

2 Comments

arakibi Over a year ago

that's exactly what I wanted to do ! thanks a lot , you saved my day

arakibi Over a year ago

I think this is not what I really wanted , that script diplays the message every 1 second or as you defined it , but I was looking for a way to display a message after every loop !!

Max Bumaye · Accepted Answer · 2014-11-11 10:30:29Z

0

I think the problem is that you should go ahead and tell the user that the email is successfuly sent in your ajax callback -> there you know if(!err) then your request was successfull -> output that your message has been successfuly sent.

That every message is displayed "at once" is due to the fact that they are put into the stack and are called "ammediatly" - your ajax call is async to that and the callback is fired when the mail is actually sent.

answered Nov 11, 2014 at 10:30

Max Bumaye

1,00710 silver badges18 bronze badges

Collectives™ on Stack Overflow

Append output after each loop on an ajax call back function

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related