ทำไงให้ refresh หน้าอัตโนมัติทุกครั้งที่มีข้อมูลใหม่เข้า
หรือโชว์ข้อมูลใหม่ทันทีโดยไม่ต้อง refresh หน้า
ไม่มีความรู้ด้าน ajax, jquery เลยครับ
นั่นน่ะสิ อยากรู้เหมือนกัน
ที่เห็นชัดๆก็มีเฟสบุคที่ทำ
ปูเสื่อรอเก็บความรู้
:-[
อยากทราบเหมือนกันครับ เม้นทีไร รีหน้าตลอดเลย
ขอทิ้งข้อความหน่อยครับ อยากรู้เหมือนกัน
หรือไม่ลองหาตัวอย่างที่ใกล้เคียงนี้ดูครับ
-http://www.ninenik.com
ขออนุญาตเจ้าของเว็บน่ะครับ
ยทความดีๆ
อยากรู้เหมือนกัน ครับ ตอนนี้ มีบริการ วิทยุออนไลน์ แล้วอยากได้กล่องขอเพลง
ทำฟอร์มได้แล้ว แต่ไม่สามารถ ให้รายการ เพลง มันอัพเดต หรือ รีเฟรช ตลอด
ตั้งเวลาให้ฟังก์ชั่น จาวาสคริปต์ทำงานเป็นรอบๆ อาจจะ ทุกๆ 5-10 วินาที เหมือนพวก ajax chat อะไรประมาณนั้นจะได้ไหมเน๊าะ
setTimeOut(function,time); //JS
:wanwan044:
อ้างถึงจาก: navico ใน 03 กันยายน 2010, 19:35:18
ตั้งเวลาให้ฟังก์ชั่น จาวาสคริปต์ทำงานเป็นรอบๆ อาจจะ ทุกๆ 5-10 วินาที เหมือนพวก ajax chat อะไรประมาณนั้นจะได้ไหมเน๊าะ
setTimeOut(function,time); //JS
:wanwan044:
ไม่คุ้มกับ BW ครับ
อยากรู้เหมือนกันครับ ปูเสื่อ :P
อันนี้พอได้เปล่าครับนั่งทำให้เมื่อกี้ ลองเอาไปใช้งานดูนะครับ ผมใช้ jquery เอานะครับ
สร้าง 3 ไฟล์ ดังนี้
test.php << เป็นไฟล์ที่แสดงข้อมูล
time.php << แสดงข้อมูลที่ jquery ไปดึงมาแสดงตามระยะเวลาที่กำหนดไว้ครับ
jquery.js << อันนี้หาดาวน์โหลดในเว็บไซต์ของ jquery ได้เลยครับ
กำหนดเวลาได้ที่คำสั่ง setTimeout("getRefresh();", 1000); นะครับ ตัวเลข 1000=1วินาที ปรับตรงนี้ได้เลยอยากได้กี่นาทีก็คูณเข้าไปนะครับ
ไฟล์
test.php
อ้างถึง<html>
<head>
<script src="jquery.js"></script>
<script type="text/javascript">
function getRefresh() {
$("#auto").show("slow");
$("#autoRefresh").load("time.php", '', callback);
}
function callback() {
$("#autoRefresh").fadeIn("slow");
setTimeout("getRefresh();", 1000);
}
$(document).ready(getRefresh);
</script>
</head>
<body>
Time No Refresh =
<?
echo date("H:i:s");
?>
<br>
Auto Refresh =
<div id="autoRefresh">
<?
echo date("H:i:s");
?>
</div>
</body>
ไฟล์ time.php
อ้างถึง<?
echo date("H:i:s");
?>
ผิดพลาดประกาศใดขออภัยด้วยนะครับ
ตั้งเวลา รีเฟรช
อย่างนี้ต่างกันไหมครับ
<META HTTP-EQUIV='Refresh' CONTENT='5; URL=gotopage.html'>
อ้างถึงจาก: cymiz ใน 03 กันยายน 2010, 22:20:12
ตั้งเวลา รีเฟรช
อย่างนี้ต่างกันไหมครับ
<META HTTP-EQUIV='Refresh' CONTENT='5; URL=gotopage.html'>
อันนี้มัน Refresh ทั้งหน้าครับผม ต่างกันครับแต่ที่ จขกท. อยากได้นั้นให้มัน Refresh เฉพาะบ้างจุดเท่านั้นเช่นตัวอย่าง comment facebook อ่ะครับจะ Refresh เฉพาะที่ comment ครับผม
อ้างถึงจาก: kitazawa1st ใน 03 กันยายน 2010, 20:11:01
อ้างถึงจาก: navico ใน 03 กันยายน 2010, 19:35:18
ตั้งเวลาให้ฟังก์ชั่น จาวาสคริปต์ทำงานเป็นรอบๆ อาจจะ ทุกๆ 5-10 วินาที เหมือนพวก ajax chat อะไรประมาณนั้นจะได้ไหมเน๊าะ
setTimeOut(function,time); //JS
:wanwan044:
ไม่คุ้มกับ BW ครับ
เปลืองแบนวิดอย่างไรครับ ขยายความหน่อย
ผมไม่ได้รีเฟรชทั้งหน้านะ แค่ให้ JS ส่งรีเควสไปดึงข้อมูลอัพเดตมาอ่ะครับ
ผมกลับไปกังวลเรื่อง Process มากว่า แบนวิด นะเนี่ย....
:wanwan044:
อ้างถึงจาก: navico ใน 03 กันยายน 2010, 23:03:41
อ้างถึงจาก: kitazawa1st ใน 03 กันยายน 2010, 20:11:01
อ้างถึงจาก: navico ใน 03 กันยายน 2010, 19:35:18
ตั้งเวลาให้ฟังก์ชั่น จาวาสคริปต์ทำงานเป็นรอบๆ อาจจะ ทุกๆ 5-10 วินาที เหมือนพวก ajax chat อะไรประมาณนั้นจะได้ไหมเน๊าะ
setTimeOut(function,time); //JS
:wanwan044:
ไม่คุ้มกับ BW ครับ
เปลี่ยนแบนวิดอย่างไรครับ ขยายความหน่อย
ผมไม่ได้รีเฟรชทั้งหน้านะ แค่ให้ JS ส่งรีเควสไปดึงข้อมูลอัพเดตมาอ่ะครับ
ผมกลับไปกังวลเรื่อง Process มากว่า แบนวิด นะเนี่ย....
:wanwan044:
ครับ :-[
อ้างถึงจาก: thai2ads ใน 03 กันยายน 2010, 22:06:21
อันนี้พอได้เปล่าครับนั่งทำให้เมื่อกี้ ลองเอาไปใช้งานดูนะครับ ผมใช้ jquery เอานะครับ
สร้าง 3 ไฟล์ ดังนี้
test.php << เป็นไฟล์ที่แสดงข้อมูล
time.php << แสดงข้อมูลที่ jquery ไปดึงมาแสดงตามระยะเวลาที่กำหนดไว้ครับ
jquery.js << อันนี้หาดาวน์โหลดในเว็บไซต์ของ jquery ได้เลยครับ
กำหนดเวลาได้ที่คำสั่ง setTimeout("getRefresh();", 1000); นะครับ ตัวเลข 1000=1วินาที ปรับตรงนี้ได้เลยอยากได้กี่นาทีก็คูณเข้าไปนะครับ
ไฟล์
test.php
อ้างถึง<html>
<head>
<script src="jquery.js"></script>
<script type="text/javascript">
function getRefresh() {
$("#auto").show("slow");
$("#autoRefresh").load("time.php", '', callback);
}
function callback() {
$("#autoRefresh").fadeIn("slow");
setTimeout("getRefresh();", 1000);
}
$(document).ready(getRefresh);
</script>
</head>
<body>
Time No Refresh =
<?
echo date("H:i:s");
?>
<br>
Auto Refresh =
<div id="autoRefresh">
<?
echo date("H:i:s");
?>
</div>
</body>
ไฟล์ time.php
อ้างถึง<?
echo date("H:i:s");
?>
ผิดพลาดประกาศใดขออภัยด้วยนะครับ
คืออยากจะรบกวนเพิ่มอีกหน่อยได้ใหมครับว่า
ถ้าเราอยากเพิ่มเงื่อนไขว่า ให้เช็คก่อนว่ามีข้อมูลเปลี่ยนแปลงป่าว แต่ถ้าไม่เปลี่ยนแปลงให้อยู่เฉยๆไม่ต้องรีเฟรชอ่ะครับ
แต่ถ้าเช็คแล้วมีข้อมูลเปลี่ยนแปลง ค่อยรีเฟรชข้อมูลอ่ะครับ ทำได้ใหมครับ
ปล. 13 บวก 1 = 14
ขอเมมกระทู้นิดนึงครับ.
ถ้ามี Server เองก็ ใช้ Ajax Push ก็ได้ครับ
http://www.ape-project.org/
http://www.ape-project.org/demos/ อันนี้ตัวอย่าง
อ้างถึงจาก: WPDSign ใน 03 กันยายน 2010, 18:18:29
ขอทิ้งข้อความหน่อยครับ อยากรู้เหมือนกัน
หรือไม่ลองหาตัวอย่างที่ใกล้เคียงนี้ดูครับ
-http://www.ninenik.com
ขออนุญาตเจ้าของเว็บน่ะครับ
ยทความดีๆ
http://www.ninenik.com/%E0%B9%81%E0%B8%99%E0%B8%A7%E0%B8%97%E0%B8%B2%E0%B8%87_%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%94%E0%B8%B6%E0%B8%87%E0%B8%82%E0%B9%89%E0%B8%AD%E0%B8%A1%E0%B8%B9%E0%B8%A5_%E0%B9%81%E0%B8%9A%E0%B8%9A_real_time_%E0%B8%94%E0%B9%89%E0%B8%A7%E0%B8%A2_ajax_%E0%B9%83%E0%B8%99_jQuery_-284.htmlหน้านี้ได้แนวทางที่ดีเลยทีเดียวครับ
:wanwan003:
อ้างถึงจาก: moohooooo ใน 04 กันยายน 2010, 03:56:18
ถ้ามี Server เองก็ ใช้ Ajax Push ก็ได้ครับ
http://www.ape-project.org/
http://www.ape-project.org/demos/ อันนี้ตัวอย่าง
+1 :wanwan011: :wanwan011: :wanwan011: