Question

164

Getting jQuery to make a new line inside a DIV when returning from an ajax request

rated 0 times [ 167] [ 3] / answers: 1 / hits: 25963 / 13 Years ago, mon, june 27, 2011, 12:00:00

 <script>   

     $.ajax

         ({

             url: ../getStatus/,

             dataType: 'json',

             success: function(json) 

             {            

                $('#ajaxLog').html(json.status+<br/>);

             }

         });



</script>



 //Need this section to make a new line when refreshed

<div id = ajaxLog style=width:50%></div>

This needs to be an accumulative, returned message to the webpage. Each time the process starts/stop/suspends it will be displayed. The displayed message will not keep saying stopped/started/ etc. when remaining in a state - rather displayed each time these states change then it wont be redisplayed constantly -- NOT like jquery.append() does.

Desired

started 10:48

stoped 10:50

Started 12:53

suspended 3:34

Started 3:40

NOT DESIRED

started 10:48

started 10:48

started 10:48

started 10:48

started 10:48

started 10:48

started 10:48

stoped 10:50

.

.

and so on

(like append() would do)

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

ignacio

Add To Favorites

Follow

Total Points: 467

Total Questions: 128

Total Answers: 79

Location: Luxembourg

Member since Tue, Mar 14, 2023

1 Year ago

answered 13 Years ago marisela · Accepted Answer

    <script>   

    //Use this

    last=null;

     $.ajax

                ({

                    url: ../getStatus/,

                    dataType: 'json',

                    success: function(json) 

                {

                        //Replace this line

                        //$('#ajaxLog').html(json.status+<br/>);



                        //with this:

                        if(last!=json.status)

                        {

                            $('#ajaxLog').append(json.status+<br/>);

                            //or: $('#ajaxLog').append('<p>'+json.status+'</p>');

                            last=json.status;

                        }

                 }

             });



</script>



 //Need this section to make a new line when refreshed

<div id = ajaxLog style=width:50%></div>