|
|
|
ขอคำแนะนำ การเขียน jquery+ajax real time หน่อยครับ |
|
|
|
|
|
|
|
Code (JavaScript)
$(function(){
$.ajax({ // ใช้ ajax ด้วย jQuery ดึงข้อมูลจากฐานข้อมูล
url:"gdata.php",
data:"rev=1",
async:false,
success:function(getData){
$("div#showData").html(getData); // ส่วนที่ 3 นำข้อมูลมาแสดง
}
});
setInterval(function(){ // เขียนฟังก์ชัน javascript ให้ทำงานทุก ๆ 30 วินาที
// 1 วินาที่ เท่า 1000
// คำสั่งที่ต้องการให้ทำงาน ทุก ๆ 3 วินาที
var getData=$.ajax({ // ใช้ ajax ด้วย jQuery ดึงข้อมูลจากฐานข้อมูล
url:"gdata.php",
data:"rev=1",
async:false,
success:function(getData){
$("div#showData").html(getData); // ส่วนที่ 3 นำข้อมูลมาแสดง
}
}).responseText;
},3000);
});
|
|
|
|
|
Date :
2013-08-03 19:26:35 |
By :
Krungsri |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
getData เป็นตัวแปรที่เราตั้งชื่อใช่ไหมครับ จะตั้งชื่ออื่นก็ได้หรือป่าวครับ
|
|
|
|
|
Date :
2013-08-04 05:04:42 |
By :
pokultra |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
แล้วถ้าผมี list box หรือ select box สำหรับส่งค่าไปเลือกข้อมูลต้องส่งไปยังไงครับ แล้วตั้งค่า ดีฟอลไปยังไงครับ
ขอบคุณครับ
|
|
|
|
|
Date :
2013-08-04 05:30:18 |
By :
pokultra |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Var select = $('#select').val();
ตั้งตัวแปรใน js แล้วเอาไปใช้งานต่อครับ โดยใช้ if else ดัก even คร่าวๆประมาณนี้ครับ
|
|
|
|
|
Date :
2013-08-04 10:10:40 |
By :
Dragons_first |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
คุณ หมาของเซสชั่น : ผมไม่เข้าใจครับ รบกวนเขียนตัวอย่างให้ดูหน่อยได้ไหมครับ ถ้ามัน var select = $('#select').val(); อย่างเดียวไม่น่าจะมีปัญหาอะไร แต่มันส่งไปสร้างเงื่อนไขกับ ไฟล์ php เพื่อน query ข้อมูลยังไงครับ
|
|
|
|
|
Date :
2013-08-04 17:39:59 |
By :
pokultra |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
คุณ Krungsri : ถ้าผมสร้างเงื่อนไขให้มี select box เพื่อเลือกประเภทขอมูลและเมื่อเลือกแล้วให้ข้อมูลเปลี่ยนจะต้องเขียนเพิ่มยังไงครับ
|
|
|
|
|
Date :
2013-08-04 17:41:23 |
By :
pokultra |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
อย่างที่คุณ หมาของเซสชั่น ได้บอกไว้แหละครับ สร้าง Select ขึ้นมา แต่อาจจะเปลี่ยนมาจับ Event ตอนที่ Select ปเลี่ยนค่าแทน
Code (PHP)
$("#Myselect").change(function(){
var condition = $(this).val();
if(Condition!=""){
$.ajax{
url:"Target.php",
data:{Con:condition},
type:"POST",
success:function(data){
$("div#showData").html(getData);
}
}
});
หน้าที่ประมวลผมก็รับค่าจาดตัวแปร Con ครับ
|
|
|
|
|
Date :
2013-08-04 20:50:13 |
By :
Krungsri |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณทุกท่านมากครับ
|
|
|
|
|
Date :
2013-08-04 23:50:16 |
By :
pokultra |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Krungsri
ตามตัวอย่างเป็นแบบ POST เราจะส่งแบบ GET ไปก็ได้คับ
Code (PHP)
$("#Myselect").change(function(){
var condition = $(this).val();
if(condition!=""){
$.ajax{
url:"Target.php?condition="+condition,
type:"GET",
success:function(data){
$("div#showData").html(getData);
}
}
});
/* เผื่อใครสนใจใน Jquery
|
ประวัติการแก้ไข 2013-08-05 10:20:04
|
|
|
|
Date :
2013-08-05 10:19:41 |
By :
teez1232002 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
เพิ่มเข้าไปแค่บรรทัดเดียวค่ะ
$(function(){
$("div#showData").load("gdata.php");
setInterval(function(){ // เขียนฟังก์ชัน javascript ให้ทำงานทุก ๆ 30 วินาที
// 1 วินาที่ เท่า 1000
// คำสั่งที่ต้องการให้ทำงาน ทุก ๆ 3 วินาที
var getData=$.ajax({ // ใช้ ajax ด้วย jQuery ดึงข้อมูลจากฐานข้อมูล
url:"gdata.php",
data:"rev=1",
async:false,
success:function(getData){
$("div#showData").html(getData); // ส่วนที่ 3 นำข้อมูลมาแสดง
}
}).responseText;
},3000);
});
|
|
|
|
|
Date :
2013-08-05 10:54:11 |
By :
survivor |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 03
|