onmessage ပွဲ
ဥပမာ
EventSource object အသစ်တစ်ခုဖန်တီးပြီး အပ်ဒိတ်များ ပေးပို့သည့် စာမျက်နှာ၏ URL ကို သတ်မှတ်ပါ။
အပ်ဒိတ်တစ်ခု လက်ခံရရှိတိုင်း၊ onmessage ဖြစ်ရပ် ဖြစ်ပေါ်သည်။ onmessage ဖြစ်ရပ်တစ်ခုဖြစ်ပေါ်လာသောအခါ၊ ရရှိလာသောဒေတာကို id="myDIV" ဖြင့် <div> ဒြပ်စင်သို့ ထည့်ပါ-
var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
document.getElementById("myDIV").innerHTML += event.data + "<br>";
};
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
အဖြစ်အပျက်အရင်းအမြစ်မှတဆင့် မက်ဆေ့ဂျ်ကို လက်ခံရရှိသောအခါတွင် onmessage ဖြစ်ရပ် ဖြစ်ပေါ်သည်။
onmessage ဖြစ်ရပ်အတွက် အဖြစ်အပျက်အရာဝတ္ထုသည် အောက်ပါဂုဏ်သတ္တိများကို ပံ့ပိုးပေးသည်-
- ဒေတာ - အမှန်တကယ်သတင်းစကားပါရှိသည်။
- မူရင်း - ဖြစ်ရပ်ကို ခေါ်ဆိုသော စာရွက်စာတမ်း၏ URL
- LastEventId - အဖြစ်အပျက် stream တွင်မြင်ရသော နောက်ဆုံးမက်ဆေ့ဂျ်၏ ခွဲခြားသတ်မှတ်မှု
ဆက်စပ်ဖြစ်ရပ်များ-
- onopen - ဆာဗာသို့ ချိတ်ဆက်မှုတစ်ခု ဖွင့်သည့်အခါ ဖြစ်ပေါ်သည်။
- onerror - ပြဿနာတစ်ခု ဖြစ်ပေါ်သည့်အခါ ဖြစ်ပေါ်သည်။
Server-Sent Events အကြောင်း ပိုမိုသိရှိလိုပါက၊ ကျွန်ုပ်တို့၏ HTML5 Server-Sent Events Tutorial ကို ဖတ်ရှုပါ ။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် အဖြစ်အပျက်ကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးပါသည်။
Event | |||||
---|---|---|---|---|---|
onmessage | 9.0 | Not supported | 6.0 | 5.0 | 11.0 |
အထားအသို
object.onmessage = function(){myScript};
addEventListener() နည်းလမ်းကို အသုံးပြုခြင်း-
object.addEventListener("message", myScript);
မှတ်ချက်- addEventListener () နည်းလမ်းကို Internet Explorer 8 နှင့် အစောပိုင်းဗားရှင်းများတွင် ပံ့ပိုးမထားပါ။
နည်းပညာဆိုင်ရာအသေးစိတ်
ပူဖောင်း: | မရှိ |
---|---|
ပယ်ဖျက်နိုင်သည်- | မရှိ |
ပွဲအမျိုးအစား- | ပွဲ |
နောက်ထပ် ဥပမာများ
ဥပမာ
onmessage အစီအစဉ်ကို ခေါ်ဆိုသည့် စာရွက်စာတမ်း၏ URL ကို ရယူပါ-
var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
document.getElementById("myDIV").innerHTML = event.origin;
};
ရလဒ်မှာ-
https://www.w3schools.com/