problem refreshing div containing php code using jquery

Question

I have read 3 posts on SO about how to do this, but its not working for some reason.

On the page index.php, i have this script:

<script type="text/javascript">

function update() {
  $.get("index.php", function(data) {
    $("#uploadcount").html(data);
    window.setTimeout(update, 5000);
  });
}

</script>

and then this div, also in index.php

<div id=uploadcount>
<?
$result = mysql_query("SELECT * FROM mydb");
$num_rows = mysql_num_rows($result);
echo "<h1>$num_rows</h1><h2>rows</h2>";
?>
</div>

The php is displaying the row count fine, but it wont refresh the number.
(i have latest jquery build included in head of index.php)

Rob · Accepted Answer · 2009-08-09 23:09:03Z

1

Try using this for your update function

function update() {
    $("#uploadcount").load("index.php #uploadcount")
    window.setTimeout(update, 5000);
}

answered Aug 9, 2009 at 23:09

Rob

2,14813 silver badges17 bronze badges

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

Comments

karim79 · Accepted Answer · 2009-08-09 23:17:23Z

1

Try enclosing your div ID in double quotes:

<div id="uploadcount">

Also, put your jQuery within a document.ready block, and the call to setTimeout should not be inside the $.get method:

<script type="text/javascript">
$(document).ready(function() {
    function update() {
      $.get("index.php", function(data) {
        $("#uploadcount").html(data);
      });
    }
    window.setTimeout(update, 5000);
});
</script>

If you want to selectively retrieve something from a document, you can use $.load with a selector, e.g.:

$("#uploadcount").load("index.php #uploadcount");

http://docs.jquery.com/Ajax/load

That only works with jQuery 1.2 and above.

edited Aug 9, 2009 at 23:17

answered Aug 9, 2009 at 23:03

karim79

343k67 gold badges420 silver badges409 bronze badges

3 Comments

mrpatg Over a year ago

no effect. When i refresh the page i see changes, but nothing live.

mrpatg Over a year ago

ok that works, but when it refreshes, its loading the entire page. Should i store my php in a plain file with no other data and then include that file in index.php?

karim79 Over a year ago

@Patrick - you will need to output only the HTML you want to insert, by whichever means best fits your application (I would normally use a function). I will make one last edit.

mrpatg · Accepted Answer · 2009-08-09 23:36:09Z

1

found a solution that works great

<script type="text/javascript">
$(document).ready(function() {
setInterval(function()
{
     $('#uploadcount').fadeOut("fast").load('uploadcount.php').fadeIn("slow");
}, 10000);

});
</script>


<div id="uploadcount">
<? include("uploadcount.php");?>
</div>

Thanks all to helped.

answered Aug 9, 2009 at 23:36

mrpatg

10.1k44 gold badges115 silver badges172 bronze badges

Collectives™ on Stack Overflow

problem refreshing div containing php code using jquery

3 Answers 3

Comments

3 Comments

Comments

Your Answer

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

Related