Append data to existing element data without clearing div

Question

I am working with php ajax where I have to append some long html so I use html function for this job and it was working for me before.But this time when i try to append item using html function its clear all the li inside ul and then append data and if i try to append the data again its does not append li again .I cant figure out what is the main problem but i use the same way before in my code but this time its clear all the li and then append. Here is my code.

//UL where i have to append data
<ul class="review-list">
</ul>

Here is my php ajax response

  echo "<li>
<div class='product-comment'>
    <img src='assets\images\icons\author.png alt=''>
    <div class='product-comment-content'>
        
        <p class='meta'>
            <strong>$review_user_name</strong> - <span>$date</span>
            <div class='description'>
                <p>$review_comment</p>
            </div>
    </div>
</div></li>";

Here is my jquery code from ajax response

success:function(response){
            if(response == 2){
            window.location.href = 'loginregister.php';
             
            }else{
            $('.review-list').html(response);}}

Always Helping · Accepted Answer · 2020-07-25 10:48:51Z

1

You can simply use jQuery append() function.

By using append() your existing li Will stay and all the other data will be appended afterwards

Change your else To this and it will work fine.

$('.review-list').append(response)

answered Jul 25, 2020 at 10:48

Always Helping

14.6k4 gold badges16 silver badges30 bronze badges

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

10 Comments

Always Helping Over a year ago

@Azeez Are you sure your Ajax `response’ has the data you are appending ?

Always Helping Over a year ago

@Azeez can you add your full Ajax jquery code. What dataType you are using ?

Alwaysa Learner Over a year ago

Use console.log(response) to check what exactly is being returned in response.

Azeez Over a year ago

its working buddy thnaks but before this i use html function why thats not working

Always Helping Over a year ago

@Azeez glad to hear that. Happy coding.

|

Hitesh Kumar · Accepted Answer · 2020-07-25 10:57:56Z

1

Use the append method instead of html method in your else statement

$('.review-list').append(response);

answered Jul 25, 2020 at 10:57

Hitesh Kumar

3732 silver badges6 bronze badges

Collectives™ on Stack Overflow

Append data to existing element data without clearing div

2 Answers 2

10 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

10 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related