Cannot refresh the particular div which contains the php code using jQuery

Question

I am trying to reload some content present inside the div but it can not happen like this. I am providing my code below.

space.php:

<?php
 require_once('header.php');
?>
<div>
    <a href="#">Update the div!</a>
</div>

header.php:

<div class="collapse navbar-collapse navmenu loadListSpaceDiv" id="bs-example-navbar-collapse-1">
<?php
  if(isset($_SESSION['vendor_id'])){ ?>
    <ul class="dropdown-menu dropdown-menu-right">
        <li><a href="<?php echo SITEURL.'vendor';?>">Dashboard</a></li>
        <li><a href="<?php echo SITEURL;?>signout">Sign Out</a></li>
    </ul>
<?php
}
?>
</div>

Here when user will click on anchor tag the above div element should refresh/reload. Here is my code:

$(function() {
    $('a').click(function() {
        $(".loadListSpaceDiv").load(document.URL +  '.loadListSpaceDiv');
    });
});

But its not working as per expected. Here I need when user will click on that a tag the all div content will reload again.

$(".loadListSpaceDiv")[0] since you are using class as selector i think. — siddiq
– siddiq, Commented Apr 17, 2017 at 14:10
@ProgrammerV5 : It will reload the total page. I need to load only that section present inside div.Actually I have also other code in that file. — satya
– satya, Commented Apr 17, 2017 at 14:15

Tuyen · Accepted Answer · 2017-04-17 14:26:58Z

1

If you'd wish to jQuery load() only a specific part of the source page, separate the CSS selector from the URL by a space:

$(".loadListSpaceDiv").load(document.URL +  ' .loadListSpaceDiv');

answered Apr 17, 2017 at 14:26

Tuyen

1861 silver badge4 bronze badges

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

Collectives™ on Stack Overflow

Cannot refresh the particular div which contains the php code using jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related