Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > สอบถามเรื่อง update ข้อมูลแบบ real time หน่อยครับ Jquery+Ajax



 

สอบถามเรื่อง update ข้อมูลแบบ real time หน่อยครับ Jquery+Ajax

 



Topic : 114354



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



สถานะออฟไลน์




ตอนนี้ผมเขียนคำสั่งรับข้อมูลมาจาก MySQL แล้วแต่ที่นี้พอใช้คำสั่ง append เพิ่มข้อมูลลงไปใน html มันไม่ยอมหยุดเพิ่มข้อมูลครับ จะทำไงให้มันสามารถตรวจสอบได้ว่า ถ้ามีข้อมูลใหม่เพิ่มเข้าไปใน MySQL แล้วถึงจะค่อยเพิ่มลง html ผมเอาโค้ดมาจากลิ้งนี้ครับ แล้วทำการประยุกต์ดู

https://www.thaicreate.com/community/jquery-get-load-data-real-time.html

อันนี้โค้ดผมครับ

Code
function updateTest() {

	$.getJSON( "/api/data" )
  		.done(function(data) {
			if(data != '') {
					$.each(data, function(key, val) {
						var tr = "<tr>";
						tr = tr + "<td>" + val["image_id"] + "</td>";
						tr = tr + "<td>" + val["name"] + "</td>";
						tr = tr + "<td>" + '<img src="'+val["thumbnail_url"] + '"> </td>';
						tr = tr + "<td>" + val["count_comment"] + "</td>";
						tr = tr + "<td>" + val["latitude"] + "</td>";
						tr = tr + "</tr>";
						var formatTime = val["posted_at"];
						var html;
						html = '<div class="item">' +
							'<img src="' + val["standard_url"] +'" class="image">' +
							'<a class="overlay" data-toggle="modal" data-target="#'+ val["image_id"] +'">' +
								'<h3 class="title" id="txt-w-sm">'+ val["name"] +'</h3>'+
								'<div class="description">' +
									'<p id="txt-w-sm16">' +
									'<img src="' + val["author_image_url"] + '" width="20" height="20" > Icezz Kittitanasan <img src="img/instagram2.png" width="80" class="pull-right">'+
									'</p>'+
								'</div>'+
							'</a>' + 
							'</div>' +
							'<div class="modal fade" id="'+ val["image_id"] +'" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">' +
								'<div class="modal-dialog">' +
   									'<div class="modal-content">' +
		  								'<div class="modal-header">' +
		        							'<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>' +
		        							'<h4 class="modal-title" id="myModalLabel"><img src="img/pin56.png" width="20"> <a href="http://maps.google.com/?q='+ val["latitude"] +','+ val["longitude"] + '" id="txt-b-sm">' + val["name"] + '</a></h4>' +
		      							'</div>' +
		      							'<div class="modal-body">'+
				      						'<center>'+
				      							'<img src="' + val["standard_url"] +'" class="img-responsive" width="450" height="450">' +
				      						'</center>'+
		      							'</div>'+
		      							'<div class="modal-footer">' + 
		      								'<div class="pull-left" id="txt-g">' +
		      									'<img src="img/clock96.png" width="15" height="15">' +
		      									' ' + val["posted_at"] + ' ' +
		      									'<img src="img/loving1.png" width="15" height="15">' +
		      									' ' + val["count_likes"] + ' ' +
		      									'<img src="img/comments.png" width="15" height="15">' +
		      									' ' + val["count_comment"] +
		      								'</div>' +
		        							'<button type="button" class="btn btn-primary  btn-sm" data-dismiss="modal">Close</button>'+
		      							'</div>' +
									'</div>'+
								'</div>'+
							'</div>';
						$('#sss').append(html);
				});
			}

  		})
  		.fail(function() {
    		//
  		})
  		.always(function() {
  			// Repeat
  		});
}


setInterval(updateTest, 3000);   // 1000 = 1 second




Tag : PHP, MySQL, Ajax, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2015-02-11 13:47:29 By : icecslox View : 740 Reply : 3
 

 

No. 1



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

Code (JavaScript)
$('#sss').empty();
$('#sss').append(html);


แบบนี้หรือเปล่า






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-02-11 14:14:25 By : mr.win
 


 

No. 2



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



สถานะออฟไลน์


ได้จริงด้วยครับ ขอบคุณมากครับ ทำมาทั้งคืน
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-02-11 14:34:02 By : icecslox
 

 

No. 3



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-02-11 14:52:47 By : mr.win
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามเรื่อง update ข้อมูลแบบ real time หน่อยครับ Jquery+Ajax
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







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

Load balance : Server 01
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่