每个LI的jQuery AJAX动作

Question

I'm currently creating an update script, whereby I have a list of tasks each detailed in a UL, example below:

<ul id="tasks"><li id="task1">Task one</li><li id="task2">Task two</li><li id="task3">Task three</li></ul>

I'm looking for a way for jQuery to systematically loop through each li and perform an AJAX request for each specific ID. More specifically, I'd like to do this automatically (without user interaction) performing each individual request in order... e.g when li#1 is finished, it'll start on the next.

I can loop through each li by using the following, but I can't see to get the AJAX to automatically perform its request

$('li').each(function(index) { task = $(this).attr('id'); /* perform the task */ });

Can anyone help?

Answer 1

$('li').each(function(index) {\

$.post("test.php", { name: "John", time: "2pm" },
   function(data){
     alert("Data Loaded: " + data);
   });

  });

i call jquery ajax function inside jquery function. I hope this should work.

http://api.jquery.com/jQuery.post/