ไปศึกษา ajax realtime ดูทำเป็นตัวอย่าง แต่ error ทุกรอบเลยครับ แนะนำหน่อยครับ
ระบบ Realtime ที่นิยมมี1.Short Polling: setInterval, setTimeoutCode (JavaScript)
$('document').ready(function () {
setInterval(function () {getRealData()}, 1000); // request ทุกช่วงเวลาตามที่กำหนด ถ้าต้องรอให้การทำงานเสร็จก่อนใช้ setTimeout
});
function getRealData() {
$.ajax({
url: "target.php",
type: "POST",
data: {
name: name
},
cache: false,
success: function () {
// result
}
}
}
2.Long Polling https://code-boxx.com/ajax-long-polling-php-mysql/ https://github.com/panique/php-long-polling 3.Websocket http://socketo.me/docs/hello-world 4.Server-Sent Event (SSE) Code (PHP) header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');
while (true) {
$data = [
'name' => 'LakornWorld'
]
echo "event: sse\n";
echo "data: " . json_encode($data) . "\n\n";
echo str_pad('', 4096) . "\n";
ob_flush();
flush();
sleep(1);
if (connection_aborted()) {
break;
}
}
ob_end_flush();
https://github.com/hhxsv5/php-sse
ประวัติการแก้ไข
Date :
2021-01-21 20:59:08By :
lakornworld
ขอบคุณมากครับ @ละครชีวิต
ประวัติการแก้ไข
Date :
2021-01-25 11:12:34By :
chawa-2011
Code (JavaScript)
let param = {};
param.Hi = "Aha";
data: JSON.stringify(param)
Date :
2021-01-25 11:26:48By :
ผ่านมา
ก็เหมือนฯกับ แอบดูน้องเมียอาบน้ำ นั่นแหละ
Date :
2021-01-25 11:41:57By :
ผ่านมา
ปรกติถ้าไม่ระบุ type: 'GET' Code (JavaScript)
// insert line 52 type: 'GET',
// line 53 dashboardcms.php?rev=1,
// line 54 //data: {rev:1}, // หรือ JSON.stringify({rev:1}),
ปล. มันไม่มีหรอก ของคนอื่น มันคือของทุกฯคนต่างหากเล่า
Date :
2021-01-25 12:24:07By :
ผ่านมา
ใช่ มันต้องลองดู ลองได้หมดแหละแต่แต่แต่ ลองวิ่งตัดหน้ารถสิบล้อดูซิ แบบนี้ไม่ควรลอง
Date :
2021-01-25 13:35:03By :
ผ่านมา
อย่าส่งออก document ก่อนการส่งออก document header;Code (PHP) <?php
if(!isset($_GET['xxxxx'])){
die('zzzzzzzzz');
}
header('con....................');
?>message document
Date :
2021-01-25 13:45:32By :
Chaidhanan
@Tor เดี๋ยวมันก็ได้เองแหละ ผมมีข้อแนะนำว่า คุณควรจะเข้าใจบ้างในสิ่งเหล่านี้บ้าง (เพื่อเขียนเวป)Code (JavaScript)
<meta http-equiv="refresh" content="5"; ,URL=http://domain.com/Page_xxx">
Date :
2021-01-25 19:11:28By :
ผ่านมา
ตัวอย่าง ajax ฝั่ง clientCode (JavaScript)
setInterval( ()={
$.ajax({ url: 'https://abcdef.com', data:{rev: 'xxxxxx'}, type:'get',
error: (e,jh)=>{ .... },
success: r=>{
$('div').html(r);
}
});
}, 5000);
Code (PHP) <?php
if(!isset($_GET['rev']) || $_GET['rev'] !== 'abcdef' ) {
die ('ERROR');
}
?><!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
......
Date :
2021-01-25 21:05:49By :
Chaidhanan
Quote: setInterval( ()={
ท่าน Chaidhanan แก้ไขเป็น Code (JavaScript)
setInterval( () => {
$.ajax({ url: 'https://abcdef.com', data:{rev: 'xxxxxx'}, type:'get',
error: (e,jh)=>{ .... },
success: r=>{
$('div').html(r);
}
});
}, 5000);
ปล.
Date :
2021-01-26 08:57:05By :
ผ่านมา
xxxx คือค่าที่คุณใส่เอง ไม่มีใครรู้หรอกครับ จากตัวอย่างที่คุณลง คือ 1
Date :
2021-01-28 14:35:23By :
Chaidhanan
คุณอังคาร กัลยาณพงค์ เคยบอกผม (น้อยคนนักที่จะสำผัสท่านได้)กู อายุ 24 ปี
Date :
2021-01-28 15:00:11By :
ผ่านมา
ทำไมขยันโพสท์ภาพจังเลยครับ?
Date :
2021-01-29 13:44:28By :
mr.v
โพสต์เป็นตัวหนังสือ ก๊อปวาง
Date :
2021-01-29 22:00:29By :
mr.v
[color=red]@Tor [/color ]เล่าให้ฟังอมก๋อย (อ.หนึ่งในจังหวัดเชียงใหม่)ป เป็น ต เสมอ)
Date :
2021-01-30 11:18:21By :
ผ่านมา
Code (JavaScript)
var objJIMI = $("#youTable").datatable({});
objJIMI.on('click', '.fucker', function () { //$('#youTable tbody').on('click', '.fucker', function () {
let dr = objJIMI.row($(this).parents('tr'));
console.log(dr.data());
console.log(dr.index());
});
Date :
2021-01-30 11:30:21By :
ผ่านมา
พอดีดู Vue 3 Code (JavaScript)
<div id="vue-app">
<h1>Hi my name is {{name}}</h1>
<h1>Now, I'm President Of USA</h1><br />
<p class="tx-gray-900 wd-300">{{message}}</p>
<br />
<button type="button" id="btnHowAreYou" v-on:click="sendMessage()">I'm Fucker</button>
</div>
<div class="mt-4" id="Itemlist">
<table class="table">
<tr>
<th>Item</th>
<th>Year</th>
</tr>
<tr v-for="item in items">
<td>{{item.displayName}}</td>
<td>{{item.year}}</td>
</tr>
</table>
</div>
@section Scripts {
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
new Vue({
el: "#vue-app",
data: {
name: "Joe Biden",
age: 6996,
status: true,
message: "Hi How are you to day.\r\nAmet duis do nisi duis veniam non est eiusmod tempor incididunt tempor dolor ipsum in qui sit.",
items: [],
},
methods: {
sendMessage: function () {
return this.message = "I'm Fucking."
},
},
});
var ItemsVue = new Vue({
el: '#Itemlist',
data: {
items: []
},
mounted: function () {
const self = this;
$.ajax({
url: '/api/Test/items',
method: 'GET',
success: function (data) {
self.items = data;//JSON.parse(data);
},
error: function (error) {
console.log(error);
}
});
}
});
</script>
}
Date :
2021-01-30 11:47:23By :
ผ่านมา
Server 00
Load balance : Server 00
