ทำไงให้ refresh หน้าอัตโนมัติทุกครั้งที่มีข้อมูลใหม่เข้า

เริ่มโดย Kizmo, 03 กันยายน 2010, 16:56:42

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

พิมพ์
ลง หน้า1
การกระทำของผู้ใช้

Kizmo

03 กันยายน 2010, 16:56:42
ทำไงให้ refresh หน้าอัตโนมัติทุกครั้งที่มีข้อมูลใหม่เข้า

หรือโชว์ข้อมูลใหม่ทันทีโดยไม่ต้อง refresh หน้า

ไม่มีความรู้ด้าน ajax, jquery เลยครับ
รับถ่ายภาพ http://emofoto.net

kitazawa1st

#1
03 กันยายน 2010, 17:59:33
นั่นน่ะสิ อยากรู้เหมือนกัน

ที่เห็นชัดๆก็มีเฟสบุคที่ทำ

ปูเสื่อรอเก็บความรู้

:-[
เล็กสั้น ขยันซอย

ayeweb

#2
03 กันยายน 2010, 18:08:03
อยากทราบเหมือนกันครับ เม้นทีไร รีหน้าตลอดเลย

[direct=https://www.bitimer.in.th/]ข่าวไอที[/direct] ข่าวสารไอที แอพไอโฟน บริการอื่นๆ
[direct=https://page.line.me/gnm7628z]บริการ ตรวจหวย[/direct] อื่นๆ ทั่วไปสาระน่ารู้ ความรู้ต่างๆ
[direct=https://goo.gl/XQp91t]Host ไทย[/direct] เว็บผู้หญิงนะคะ แต่ผู้ชายก็เข้าได้ค่ะ
[direct=https://page.line.me/oer1981h]ตรวจหวย[/direct]
ตรวจหวย ผลสลากกินแบ่งรัฐบาล>>
[direct=https://goo.gl/H3JCzK]เช่าโฮสติ้ง Ruk-com[/direct]

WPDSign

#3
03 กันยายน 2010, 18:18:29
ขอทิ้งข้อความหน่อยครับ อยากรู้เหมือนกัน

หรือไม่ลองหาตัวอย่างที่ใกล้เคียงนี้ดูครับ
-http://www.ninenik.com

ขออนุญาตเจ้าของเว็บน่ะครับ
ยทความดีๆ
สร้างบ้าน Modern [direct=https://casa-concept1.com/]แบบบ้านโมเดิร์น[/direct] มาแรง
» ต้องการสร้างบ้านดูแบบบ้านสวยๆ [direct=http://www.architect-bkk.com/แบบบ้านสองชั้น]แบบบ้านสองชั้น[/direct] ทุกสไลต์บริการ[direct=http://www.ideaican.com/]รับสร้างบ้าน[/direct] ใครฝันอย่างสร้างบ้านสไตล์รีสอร์ท มี[direct=https://แบบบ้านสไตล์รีสอร์ท.blogspot.com]แบบบ้านสไตล์รีสอร์ท[/direct]พร้อมก่อสร้าง ลงประกาศขายบ้านที่ [direct=http://www.classified108.com/]ลงประกาศ[/direct]

sskzclub

#4
03 กันยายน 2010, 19:02:53
อยากรู้เหมือนกัน ครับ ตอนนี้ มีบริการ วิทยุออนไลน์ แล้วอยากได้กล่องขอเพลง

ทำฟอร์มได้แล้ว แต่ไม่สามารถ ให้รายการ เพลง มันอัพเดต หรือ รีเฟรช ตลอด

navico

#5
03 กันยายน 2010, 19:35:18
ตั้งเวลาให้ฟังก์ชั่น จาวาสคริปต์ทำงานเป็นรอบๆ อาจจะ ทุกๆ 5-10 วินาที เหมือนพวก ajax chat อะไรประมาณนั้นจะได้ไหมเน๊าะ
setTimeOut(function,time); //JS
:wanwan044:

kitazawa1st

#6
03 กันยายน 2010, 20:11:01
อ้างถึงจาก: navico ใน 03 กันยายน 2010, 19:35:18
ตั้งเวลาให้ฟังก์ชั่น จาวาสคริปต์ทำงานเป็นรอบๆ อาจจะ ทุกๆ 5-10 วินาที เหมือนพวก ajax chat อะไรประมาณนั้นจะได้ไหมเน๊าะ
setTimeOut(function,time); //JS
:wanwan044:

ไม่คุ้มกับ BW ครับ
เล็กสั้น ขยันซอย

kinkow

#7
03 กันยายน 2010, 21:19:16
อยากรู้เหมือนกันครับ ปูเสื่อ  :P
คนเราไม่มีใครเก่งได้ทุกเรื่อง มีแค่รู้หรือไม่รู้เท่านั้นแหละ ฉลาดเรื่องนึง แต่อาจจะโง่เรื่องนึง

thai2ads

#8
03 กันยายน 2010, 22:06:21 แก้ไขล่าสุด: 03 กันยายน 2010, 22:08:22 โดย thai2ads
อันนี้พอได้เปล่าครับนั่งทำให้เมื่อกี้ ลองเอาไปใช้งานดูนะครับ ผมใช้ 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");
?>

ผิดพลาดประกาศใดขออภัยด้วยนะครับ
รับทำเว็บไซต์ เขียนระบบต่างๆตามที่ต้องการ
รับทำเว็บไซต์ | ทองคำราคาวันนี้

Fallen

#9
03 กันยายน 2010, 22:20:12
ตั้งเวลา รีเฟรช

อย่างนี้ต่างกันไหมครับ
<META HTTP-EQUIV='Refresh' CONTENT='5; URL=gotopage.html'>
[direct=https://www.cymiz.com/]ประกันภัย[/direct]
[direct=https://www.cymiz.com/promotion/]ประกันรถยนต์ พรบ มอเตอร์ไซต์ ราคาสมาชิก[/direct]
[direct=http://cymiz.com/].[direct=http://vir9.com].[/direct][/direct]

thai2ads

#10
03 กันยายน 2010, 22:47:58
อ้างถึงจาก: cymiz ใน 03 กันยายน 2010, 22:20:12
ตั้งเวลา รีเฟรช

อย่างนี้ต่างกันไหมครับ
<META HTTP-EQUIV='Refresh' CONTENT='5; URL=gotopage.html'>

อันนี้มัน Refresh ทั้งหน้าครับผม ต่างกันครับแต่ที่ จขกท. อยากได้นั้นให้มัน Refresh เฉพาะบ้างจุดเท่านั้นเช่นตัวอย่าง comment facebook อ่ะครับจะ Refresh เฉพาะที่ comment ครับผม
รับทำเว็บไซต์ เขียนระบบต่างๆตามที่ต้องการ
รับทำเว็บไซต์ | ทองคำราคาวันนี้

navico

#11
03 กันยายน 2010, 23:03:41 แก้ไขล่าสุด: 04 กันยายน 2010, 14:24:57 โดย navico
อ้างถึงจาก: 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:

kitazawa1st

#12
03 กันยายน 2010, 23:17:35
อ้างถึงจาก: 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:

ครับ  :-[
เล็กสั้น ขยันซอย

kinkow

#13
04 กันยายน 2010, 00:16:01 แก้ไขล่าสุด: 04 กันยายน 2010, 00:16:48 โดย kinkow
อ้างถึงจาก: 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
คนเราไม่มีใครเก่งได้ทุกเรื่อง มีแค่รู้หรือไม่รู้เท่านั้นแหละ ฉลาดเรื่องนึง แต่อาจจะโง่เรื่องนึง

bouy22

#14
04 กันยายน 2010, 00:16:59
ขอเมมกระทู้นิดนึงครับ.
สนใจทำธุรกิจ[direct=http://www.nongphojsin.com/]ไอศกรีมหนองโพ[/direct]คลิกเลย | ลงประกาศโฆษณา [direct=http://www.marukopost.com/]ประกาศฟรี[/direct] | [direct=http://www.uuppic.com/]เว็บฝากรูป[/direct] | [direct=http://www.jeedgame.com/]สคริปเกมแฟลช[/direct] |
ผลิตภัณฑ์เสริมอาหารออกซิเจนน้ำ [direct=http://www.adoxy-thai.com/]Adoxy[/direct]

moohooooo

#15
04 กันยายน 2010, 03:56:18
 ถ้ามี Server เองก็ ใช้ Ajax Push ก็ได้ครับ

http://www.ape-project.org/

http://www.ape-project.org/demos/ อันนี้ตัวอย่าง

Kizmo

#16
04 กันยายน 2010, 07:25:44
อ้างถึงจาก: 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:
รับถ่ายภาพ http://emofoto.net

kitazawa1st

#17
04 กันยายน 2010, 10:27:12
อ้างถึงจาก: moohooooo ใน 04 กันยายน 2010, 03:56:18
ถ้ามี Server เองก็ ใช้ Ajax Push ก็ได้ครับ

http://www.ape-project.org/

http://www.ape-project.org/demos/ อันนี้ตัวอย่าง

+1  :wanwan011: :wanwan011: :wanwan011:
เล็กสั้น ขยันซอย
พิมพ์
ขึ้น หน้า1
การกระทำของผู้ใช้