how to reload a div on a button click using Jquery or Javascript

Question

I'am using Yii framework, I want to reload this div:

<div class="likes" id="likes">
   <?php
      echo $model->likes." ".CHtml::imageButton($src.'like.png', array('value'=>'like',      'width'=>'25px', 'height'=>'20px'));
   ?>
</div>

by using this ajax function that is written in a js file in the extensions folder:

$(document).ready(function(){
   $("#like").click(function(){
      $("#likes").html("result reloaded successfully");
   });
    });

but their is nothing happened when I clicked the button, can you help me?

Is there an actual AJAX call that you're leaving out for brevity? The code you posted will not make an AJAX request. AJAX aside, to update your div with "result reloaded successfully" you need to change $("#likes") to either $(".likes") to update all divs with the class 'likes' or just $(this) to update only the div that was clicked. — lamflam
– lamflam, Commented Nov 15, 2013 at 13:44

Sachin Sudhakar Sonawane · Accepted Answer · 2015-08-19 08:59:04Z

4

this may help someone

$("#reload").click(function(){

$("#like").load(location.href + " #like>*", "");

});

without page refreshing refresh particular div or any tag

answered Aug 19, 2015 at 8:59

Sachin Sudhakar Sonawane

1,9371 gold badge24 silver badges37 bronze badges

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

Comments

Nelson Galdeman Graziano · Accepted Answer · 2013-11-15 13:45:35Z

1

Create a new file called reload_likes.php with the following code:

<?php
      echo $model->likes." ".CHtml::imageButton($src.'like.png', array('value'=>'like',      'width'=>'25px', 'height'=>'20px'));
?>

then on your javascript file put:

function FreloadDiv(){
    var request = new XMLHttpRequest();
    request.open('GET', 'http://yourdomain.com/reload_likes.php', false);
    request.send(null);
    if (request.status === 200) {
         document.getElementById('likes').innerHTML = request.responseText;
    }
}

Finally add onClick='FreloadDiv();' to your button

answered Nov 15, 2013 at 13:45

Nelson Galdeman Graziano

5624 silver badges17 bronze badges

3 Comments

user2996426 Over a year ago

their is nothing happened :(

Nelson Galdeman Graziano Over a year ago

Upload what you did to pastebin or something like that. Did you change the ajax URL, didn't you?

user2996426 Over a year ago

of course I changed it, but their was an error in url, now its done, but all of these solutions aren't solve my problem, I want to make the like button is unclickable and to reload the number of likes after clicking the like button.

Meghendra S Yadav · Accepted Answer · 2013-11-15 14:14:59Z

0

because you call by the wrong way I think. your id is likes and you are writing like instead of likes. Check it first after that I will check next coming error..

answered Nov 15, 2013 at 14:14

Meghendra S Yadav

1346 bronze badges

Collectives™ on Stack Overflow

how to reload a div on a button click using Jquery or Javascript

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related