Auto load page dengan ajax , php dan mysql

Anda ingin laman web anda mengubah data tanpa perlu menekan butang refresh pada pelayar anda ? di sini saya ingin berkongsi kod sumber bagi proses ini supaya laman web anda lebih menarik dan interactive  seperti laman web twiter dan facebook .

pada fail “index.php”

<html>

<head>

<script  type=”text/javascript” src=”jquery-1.x.x.min.js”> </script>

<script>

$(document).ready(function(){

        var callAjax = function(){

              $.ajax({

                    method:’get’,

                    url:’muat.php’,

                    success:function(data){

                              $(“#contoh”).html(data);

                    }

               });

                setInterval(callAjax,5000);

});

</script>

</head>

<body>

      <h1> Load data secara auto </h1>

      <div id=”contoh”> lood</div>

</body>

</html>

 

pada fail “muat.php” pula

 

<?php

mysql_connect(“localhost”,”root”, “katalaluan”);

mysql_select_db(“webaku”) or die();

$sql = mysql_query(“select * from berita”);

while ($data = mysql_fetch_array($sql)){

echo $data[‘nama’].”<br/>”;

 

?>