Question

I’m not sure if this is even possible or not, and I can’t quite figure out how to actually do it, if possible at all.

What I’d like to do is have a list of checkboxes get submitted to an .ajax() call. That .ajax() call passes the information to PHP for processing (and in this case it will be sending e-mails to each one of those IDs selected).

However, I don’t want the page (or the .ajax() call for that matter) to wait for the PHP script to finish running. Basically I want it to hand off the data and move on (and display a .dialog() box, etc., etc.)

Here’s the trick though: I do want some type of feedback from the PHP script. When it’s done, I want it to return data to the user, possibly by displaying a bar at the top of the page (much like what StackOverflow does when you have system messages, they show up at the top of the page regardless of where you are on the site.)

The first part, having a list of checkboxes displayed is done. I’m as far ahead as determining which ones are checked and collect that data. Now I need to figure out how to pass it to the .ajax() call in such a way that PHP can use it to scan a database to collect the various e-mails and start sending messages out. Not quite sure how to pass the data. It seems silly to create a dataString that consists of id1=XXX&id2=XXX&id3=XXX-and_so_forth.

I’m open for suggestions here.

[Edit] Anyone have any suggestions for the part I made bold above?

Answer 1

default behavior for the Ajax Request is that they are asynchronous and that implies that the code run normally and don’t wait the return of the AJAX call.

Example:

$.ajax({
    url: "...",
    data: "<checkboxes>",
    success: function(data, xhr, status) {
        // Code to add your banner when AJAX finished
    }
});

// Inline code to execute whitout wait the end of $.ajax