Forum Nusansifor

Full Version: Ajax Auto Refresh Div
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Berikut adalah script AJAX untuk auto refresh pada "DIV id" tertentu.

PHP Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
   <html xmlns="http://www.w3.org/1999/xhtml">
 
   <head>
 
       <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
       <title>ajax auto refresh div</title>

 
       <script type="text/javascript">
 
       function jin_ajax_req(url,target) {
 
           var http_request false;
 
           if (window.XMLHttpRequest) { // Mozilla, Safari,...
 
               http_request = new XMLHttpRequest();
 
               if (http_request.overrideMimeType) {
 
                   http_request.overrideMimeType('text/xml');
 
               }
 
           } else if (window.ActiveXObject) { // IE
 
               try {
 
                   http_request = new ActiveXObject("Msxml2.XMLHTTP");
 
               } catch (e) {
 
                   try {
 
                       http_request = new ActiveXObject("Microsoft.XMLHTTP");
 
                   } catch (e) {}
 
               }
 
           }
 
           
            if 
(!http_request) {
 
               alert('Browser not support Ajax.');
 
               return false;
 
           }
 
           http_request.onreadystatechange alertInhalt;
 
           http_request.open('GET'urltrue);
 
           http_request.send(null);
 
    
            function alertInhalt
() {
 
               if (http_request.readyState == 4) {
 
                   var answer http_request.responseText;
 
                   if(document.getElementById(target).innerHTML != answer){
 
                       document.getElementById(target).innerHTML answer;
 
                   } else {
 
                       document.getElementById(target).innerHTML "";
 
                   }
 
               } else {
 
                   document.getElementById(target).innerHTML "Loading...";
 
               }
 
           }
 
           // Loop time per micro second
 
           setTimeout("jin_ajax_loop()"5000);
 
       }
 
       function jin_ajax_loop() {
 
           // url and target
 
           jin_ajax_req('random_text.php''div_test');
 
       }
 
       </script>
    </head>

    <body onload="jin_ajax_loop();">
    <div id="div_test"></div>

    </body>
    </html> 
Catatan:
  • ubah angka 5000 pada setTimeout("jin_ajax_loop()", 5000); sesuai kebutuhan waktu looping adalah per micro second.
  • ubah random_text.php dan div_test pada jin_ajax_req('random_text.php', 'div_test'); sesuai kebutuhan

contoh file random_text.php
PHP Code:
   <?php
    $len 
16;
 
   $base='ABCDEFGHKLMNOPQRSTWXYZabcdefghjkmnpqrstwxyz123456789';
 
   $max=strlen($base)-1;
 
   $activatecode='';
 
   mt_srand((double)microtime()*1000000);
 
   while (strlen($activatecode)<$len+1) {
 
       $activatecode.=$base{mt_rand(0,$max)};
 
   }
 
   echo $activatecode;
 
   ?>
mantap.............makasih bro....
Langsung deh copy paste, makasih banyak ya gan
makasih banyak pak untuk tutorial ilmunya
ternyata code script ajax tidak sesuilt yang saya kira
Postingan yang seperti ini harus diperbanyak karena bermanfaat dan sesuai dengan judul forum
waduh makasih gan, lagi butuh codenya nih hehe