مثال
إنشاء كائن ل EventSource جديد، وتحديد URL للصفحة إرسال التحديثات.
في كل مرة يتم تلقي التحديث، وقوع الحدث onmessage. عند حدوث حدث onmessage، ووضع البيانات الواردة في <div> عنصر مع معرف = "myDIV":
var source = new EventSource("demo_sse.php");
source.onmessage =
function(event) {
document.getElementById("myDIV").innerHTML += event.data + "<br>";
};
انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
يحدث هذا الحدث onmessage عند تلقي رسالة من خلال مصدر الحدث.
الكائن حدث للحدث onmessage يدعم الخصائص التالية:
- البيانات - يحتوي على الرسالة الفعلية
- الأصل - وURL الوثيقة التي استندت الحدث
- lastEventId - معرف من الرسالة الأخيرة شهدت في مجرى الحدث
أحداث ذات صلة:
لمزيد من المعلومات حول الفعاليات المرسلة خادم، اقرأ HTML5 الفعاليات المرسلة خادم تعليمي .
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل الحدث.
هدف | |||||
---|---|---|---|---|---|
onmessage | تسعة | غير معتمد | 6.0 | 5.0 | 11.0 |
بناء الجملة
object .onmessage= function() { myScript };
Try it Yourself »
باستخدام addEventListener() الأسلوب:
object . addEventListener("message", myScript ) ;
Try it Yourself »
ملاحظة: addEventListener() لا يتم اعتماد طريقة في Internet Explorer 8 والإصدارات السابقة.
تفاصيل تقنية
فقاعات: | لا |
---|---|
للإلغاء: | لا |
نوع الحدث: | هدف |
مزيد من الأمثلة
مثال
الحصول على URL الوثيقة التي استندت الحدث onmessage:
var source = new EventSource("demo_sse.php");
source.onmessage =
function(event) {
document.getElementById("myDIV").innerHTML = event.origin;
};
والنتيجة يمكن أن يكون:
http://www.w3ii.com/
انها محاولة لنفسك » <كائن الحدث