Forum Nusansifor
TUTORIAL Ajax Auto Refresh Div - Printable Version

+- Forum Nusansifor (https://www.nusansifor.com/diskusi)
+-- Forum: Coding dan Software Support (https://www.nusansifor.com/diskusi/forum-5.html)
+--- Forum: Script PHP MySQL Javascript (https://www.nusansifor.com/diskusi/forum-6.html)
+--- Thread: TUTORIAL Ajax Auto Refresh Div (/thread-40.html)



Ajax Auto Refresh Div - jawaad - 05.03.2010

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;
 
   ?>



Re: Ajax Auto Refresh Div - blekok - 06.03.2010

mantap.............makasih bro....


RE: Ajax Auto Refresh Div - riska44 - 04.05.2016

Langsung deh copy paste, makasih banyak ya gan


RE: Ajax Auto Refresh Div - cabita - 28.09.2016

makasih banyak pak untuk tutorial ilmunya


RE: Ajax Auto Refresh Div - inmova - 21.02.2017

ternyata code script ajax tidak sesuilt yang saya kira


RE: Ajax Auto Refresh Div - aldi4 - 06.11.2017

Postingan yang seperti ini harus diperbanyak karena bermanfaat dan sesuai dengan judul forum


RE: Ajax Auto Refresh Div - ekselsior - 22.11.2017

waduh makasih gan, lagi butuh codenya nih hehe