لقد تحدثت عن الشاشة الكبيرة للبيانات في وقت سابق ، ويتم تحديث البيانات الموجودة في الداخل من وقت لآخر. في بعض الأحيان ، يتم تحديث بيانات الأسهم من وقت لآخر ، وتحديث Facebook/Twitter ، وتحديث التقييم ، ومشاركات المدونة الجديدة ، ونتائج الأحداث ، وما إلى ذلك ، جميعها تحتاج إلى تحديثات البيانات من وقت لآخر. اعتدنا أن نطلب من الخادم معرفة ما إذا كانت هناك أي تحديثات. يوفر HTML5 طريقة أحداث الخادم.
استخدام خادم الاستخداممقاطع الخادم بسيطة للغاية ، لتلقي رسائل الخادم من خلال كائن eventsource. هناك الحوادث التالية:
if (typeof (eventsource)! == undefined) {// browser يدعم Server-Sent // بعض التعليمات البرمجية .....} {Browser لا يدعم الخادم-sent ..} تلقي إشعار حدث الخادمvar source = new EventSource (Haorooms_sse.php) ؛مثيل رمز جانب الخادم
! $ time}/n/n ؛يضيف كل من أحداث الارتباط والأخطاء
if (typeof (eventsource)! == غير محدد) (الحدث) {document.getElementByid (النتيجة) .innerhtml + = event.data + <br> ؛ = آسف ، لا يدعم المستعرض الخاص بك حدث خادم الخادم ... ؛}سنجد أن وحدة التحكم مطبوعة على النحو التالي:
أدخل الرابط والأخطاء باستمرار ، يرجى النقر على التفاصيل
ذلك لأن رمز PHP هو مجرد صدى بسيط ، وليس هناك إخراج مستمر.
<yourshy-type header (type-type) ؛ بينما ($ i) {echo id:لن يكون هناك أخطاء غير متوقفة!
حل توافق المتصفحنحن نعلم أن متصفح IE لا يدعم Eventsource ، وهناك الحلول التالية:
يقدمeventsource.min.js
يمكن حلها تمامًا. يمكنك عرض عنوان github الخاص به: https://github.com/yaftle/eventsource binding nodejs مريحة للغاية.
NPM تثبيت الحدث المصدر بوليفيل
هذا جيّد.
عنوان github: https://github.com/confidide68/demoofsocket/tree/master/serversnt
ما سبق هو كل محتويات هذا المقال.