Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > ขอแนวทางการทำรูปแสดงสถานะ ขณะที่เรากำลังรอการตอบกลับจาก Server

ขอแนวทางการทำรูปแสดงสถานะ ขณะที่เรากำลังรอการตอบกลับจาก Server

เริ่มหัวข้อใหม่

tao

โพสกระทู้ ( 72 )
บทความ ( 0 )

สมมติว่าเราส่งคำร้องไปให้ทางฝั่ง Server ประมวลผล โดยส่งด้วยวิธี ajax ของ Jquery
และขณะที่เรากำลังรอให้ Server ประมวลผลและส่งไฟล์ xml กลับมาเพื่อให้เรานำมาโชว์ในหน้าเพจ

สิ่งที่ต้องการคือขณะที่รอให้ Server ส่งข้อมูลกลับมา ผมอยากให้มีการโชว์ status ที่แสดงถึงการที่กำลัง
โหลดข้อมูลอยู่ ซึ่งแน่นอนถ้าข้อมูลที่จะส่งกลับมามีขนาดเล็ก วิธีนี้ก็อาจไม่ค่อยจำเป็น เพราะข้อมูลจะถูกประมวลผลและ
ส่งกลับมาอย่างรวดเร็ว แต่ถ้าในกรณีที่ข้อมูลที่จะส่งกลับมามีขนาดที่เยอะ และ Server จะต้องใช้เวลาซักระยะในการประมวลผล
ก่อนที่จะส่งข้อมูลกลับมา ช่วงเวลานี้หละครับ ที่ผมต้องการให้มีการโชว์ status การรอประมวลผล ซึ่งพอประมวลผลเสร็จก็ให้มันมาโชว์
ใน $("#test").html(); ตามปกติครับ.

<div id="test">ข้อมูลจะถูกส่งกลับมาโชว์ตรงนี้</div>

Tag : PHP, MySQL, HTML/CSS, JavaScript, Ajax, jQuery

Date : 2013-05-20 11:13:06

By : prcancle-13

View : 1375

Reply : 2

No. 1

Genesis™

โพสกระทู้ ( 4,169 )
บทความ ( 7 )

Code (PHP)

$(document).ajaxStart(function(){
   $("#wait").show();
 });
 $(document).ajaxComplete(function(){
   $("#wait").hide();
 });

Date : 2013-05-20 11:20:06

By : Ex-[S]i[L]e[N]t

No. 2

Krungsri

โพสกระทู้ ( 1,521 )
บทความ ( 2 )

ถ้าข้อมูลมันน้อยก็ใช้ settimeout เอาครับ

เพื่อหน่วงเวลาไว้

Date : 2013-05-20 11:25:29

By : Krungsri

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ขอแนวทางการทำรูปแสดงสถานะ ขณะที่เรากำลังรอการตอบกลับจาก Server

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 04