حدث onmessage
مثال
قم بإنشاء كائن EventSource جديد ، وحدد عنوان URL للصفحة التي ترسل التحديثات.
في كل مرة يتم تلقي تحديث ، يقع حدث onmessage. عند حدوث حدث onmessage ، ضع البيانات المستلمة في عنصر <div> بالمعرف = "myDIV":
var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
document.getElementById("myDIV").innerHTML += event.data + "<br>";
};
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
يقع حدث onmessage عند تلقي رسالة من خلال مصدر الحدث.
يدعم كائن الحدث لحدث onmessage الخصائص التالية:
- البيانات - تحتوي على الرسالة الفعلية
- الأصل - عنوان URL للمستند الذي استدعى الحدث
- lastEventId - معرف آخر رسالة شوهدت في تدفق الحدث
الأحداث ذات الصلة:
لمزيد من المعلومات حول الأحداث المرسلة من الخادم ، اقرأ البرنامج التعليمي لأحداث HTML5 المرسلة من الخادم .
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الحدث بشكل كامل.
| 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 والإصدارات السابقة.
تفاصيل تقنية
| فقاعات: | رقم |
|---|---|
| قابل للإلغاء: | رقم |
| نوع الحدث: | حدث |
مزيد من الأمثلة
مثال
احصل على عنوان URL للمستند الذي استدعى حدث onmessage:
var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
document.getElementById("myDIV").innerHTML = event.origin;
};
يمكن أن تكون النتيجة:
https://www.w3schools.com/