[jQuery] Re: Refreshing a div after a Ajax operation

I didn't look into it deeply, but just so you know, the argumetns for
$.load() is $.load(url, [data], [callback]).

.load('index.php #container ul');
is not going to work.

It should look like:
$('#container ul').load('index.php');

On Jun 28, 12:41 am, Maruf <maruf2...@gmail.com> wrote:
> Well I'm trying to do something like this
>
> http://lastkarrde.com/q7todo/
>
> but this example has a problem that after a new task has been added by
> ajax, it does not update the task lists ie suppose i have 2 task in
> the list now and now i add another one successfully, it showed me the
> message that 1 task has been added name "foobar" but in task list it
> still shows 2 tasks not 3
>
> How to update the task list div>ul after the ajax operation
>
> Well I tried something like below
>
> $('#submit').click(function(){
>                 var note = $('#wrapper textarea').val();
>                 if(note == defaultText || note == ""){
>                         $.jGrowl("Please write something meaningful");
>                         $('#wrapper textarea').focus();
>                 } else {
>                         $.ajax({
>                            type: "POST",
>                            url: "process1.php",
>                            data: "content=" + note,
>                            success: function(msg){
>                                         $('#wrapper').slideUp('2000');
>                                         $.jGrowl(msg);
>                                         $('#container ul').empty().load('index.php #container ul');
>                                         $('#container span.highl').empty().load('index.php #container
> span.highl');
>                                         $('#container').hide().fadeIn('6000');
>                            }
>                          });
>                 }
>         });
>
> but there are couple of things i dont like about the code.
> 1. I've used load function to update the content of 2 div. I'm sure
> there's some better way to do this
> 2. And something mysterious is happening in the database. its
> something like that
> suppose in the db i've 2 task like
> id=1 task="blabla"
> id=2 task="blabla"
>
> at this point if i add a new task it should have the id=3 and
> task='whatever' and placed after id=2
> and after that if i add another task using the script then it would
> have id=4 but its placing itselft on the db before id=3 while it
> should be placed after id=3
>
> please help me to work around with this