|
 |
|
สอบถาม jQuery+ php นับจำนวนเรคคอร์ด ไม่ต้อง refresh หน้าเว็บ |
|
 |
|
|
 |
 |
|
นับเรคคอดหรือนับ จำนวนพื้นที่ว่างครับ ที่เอาให้ดูมันพื้นที่ว่าง
แต่การทำงาน เหมือนกันแหระครับ
ไม่ต้อง jQuery ก็ได้ ajex ธรรมดาก็พอ
การทำงานคือ autoreflash ใน body Onload="(java)="test.php"
หน้าphp ก็ทำ autoreflash ไว้ครับแล้วแต่ประยุค
หรือจะเป็น dorpdown เลือกสิ่งที่จะต้องการจะดู
หรือ input หรือบลาๆๆๆ
ทั้งนี้ใช้ ajex และ jQuery
ajax https://www.thaicreate.com/tutorial/ajax.html
jQuery https://www.thaicreate.com/jquery.html
ทั้งนั้น ต้องมีพื้นฐานการใช้ จาวาสคิปนะครับ ^^ หวังว่าจะมีประโยช
|
 |
 |
 |
 |
Date :
2011-10-01 01:22:05 |
By :
romanztic |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ใช้ Ajax + Loop ครับ ดึงข้อมูลจาก Database โดยไม่ต้อง Refresh
|
 |
 |
 |
 |
Date :
2011-10-01 07:50:57 |
By :
webmaster |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
วิธีการคือ
1. เขียน PHP ให้ไปเช็คพื้นที่ก่อน
2 เขีียน jquery ให้เรียก ไฟล์ php นั้น
3 เขียน auto refresh
ตัวอย่างครับ
<div id="show_refresh"></div>
<script type="text/javascript">
var auto_refresh=setInterval(function(){update_page();},300);
function update_page()
{
$.ajax({
url:"show_size_web.php",
type:"POST",
data:"rnd="+Math.random(),
success:function(getdata){
$("#show_refresh").html("เนื้อที่ของคุณคือ = "+getdata);
},
error:function(err){
$("#show_refresh").html("error : "+err);
}
});
}
</script>
show_size_web.php
echo "10GB"; // ส่วนนี้ ไปหาเอาครับ
ลองดู
|
 |
 |
 |
 |
Date :
2011-10-01 08:29:00 |
By :
kalamell |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 05
|