Auto Refresh ดึงข้อมูลมาแสดงอัตโนมัติแบบ real time ด้วย jQuery
29 ก.ค. 2016 , 12,938 Views , หมวดหมู่ jQuery,JavaScript,Ajax ทุกหมวดหมู่ โค๊ดดิ้ง ,
ตัวอย่างการดึงข้อมูลมาแสดงอัตโนมัติแบบ real time ด้วย jQuery
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<script src="assets/js/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ setInterval(function(){ // 1 วินาที่ เท่า 1000 $("#loading_img_spin").show(); //แสดงรูปภาพ loading $("#divShowData").load("showdata.php",function(responseTxt,statusTxt,xhr){ if(statusTxt=="success") //หากดึงข้อมูลมาแสดงสำเร็จ $("#loading_img_spin").hide(); //ซ่อนรูปภาพ loading }); },60000); }); </script> <img src="assets/img/spin.gif" id="loading_img_spin" style="display:none;position:absolute;left:60%;top:40%;" /> <div id="divShowData"></div> |
