🙆🏽 🌥️ 🔣 पृष्ठभूमि की जानकारी अद्यतन ☘️ 🙉 😄

सभी को शुभ दिन।

हाल ही में, मैंने जानकारी के पृष्ठभूमि अद्यतन के मुद्दे के बारे में सोचा और एक विचार मेरे दिमाग में आया।

कार्य का सार - हम समाचार सूची पृष्ठ पर हैं। नई खबर आते ही सूची को अपडेट करना होगा। PHP सर्वर भाषा

अजाक्स द्वारा निरंतर प्रश्नों के माध्यम से क्लासिक संस्करण पर विचार करें:
1) ग्राहक सर्वर पर एक अजाक्स अनुरोध भेजता है, उदाहरण के लिए, पते पर - / ajax / get_upades और समय = xxxxxx
2) PHP उस डेटाबेस में रिकॉर्ड की तलाश करता है जो समय की तुलना में नए हैं
3) अगर वहाँ है, तो उन्हें चुनता है और लौटता है
4) अगर कुछ भी रिटर्न नहीं है

इस मामले में, हमें लगातार पीएचपी और डेटाबेस को सवाल का जवाब देने के लिए मजबूर किया जाता है, क्या कोई नया डेटा है?

मुझे वास्तव में यह विचार पसंद नहीं आया।

मुझे बड़ी संख्या में खुले कनेक्शनों के कार्यान्वयन और प्रतिधारण की विभिन्न कठिनाइयों के कारण लंबे मतदान के विकल्प पसंद नहीं थे

फिर मैंने फैसला किया कि क्यों न मैं पूरी तरह से PHP को दरकिनार करते हुए सर्वर को नए डेटा की उपलब्धता का निर्धारण करने का काम स्थानांतरित कर दूं

विचार का सार इस प्रकार है

क्लाइंट लगातार एक खाली मार्कर फ़ाइल को पिंग करता है। इसे कॉल करें / पिंग / new_news

जब फ़ाइल भेजी जाती है, तो सर्वर एक हेडर भेजता है - "10aa0f-7-4b877e2d4941c" फॉर्म का ETag। यह कैशिंग तंत्र में शामिल शीर्षकों में से एक है। ईटैग की गणना इनोड, साइज और माइम फाइल जानकारी के आधार पर की जाती है। यानी बदलते समय (फ़ाइल संशोधन समय) सर्वर एक और ETag भेजेगा।

नई समाचार सम्मिलित करते समय, हमें माइम फ़ाइल को अपडेट करना होगा, उदाहरण के लिए, स्पर्श (), लेकिन रिकॉर्ड सम्मिलित करने और फ़ाइल को बदलने के लिए डेटाबेस में ट्रिगर बनाना बेहतर है

आगे, हम एक छोटा वर्ग लिखते हैं। चलो इसे अपडेटर कहते हैं

var Updater = function(){ this.params = { period: 3000, url: '', onModified: function(data,x,modified){}, bgPause: false }; this.interval = null; this.ETag = ''; this.lastModified = ''; this.init = function(params){ var me = this; this.params = $.extend(this.params, params); if(this.params.bgPause){ $(window).blur(function(){ me.pause() }); $(window).focus(function(){ me.resume() }); } }; this.start = function(){ var me = this; this.interval = setInterval(function(){ me.doUpdate() }, this.params.period); }; this.doUpdate = function(){ var me = this; $.ajax(this.params.url, { success: function(data,status,x){ if(me.ETag != x.getResponseHeader('ETag')){ me.params.onModified(data,x,me.lastModified); me.lastModified = x.getResponseHeader('Last-Modified'); } me.ETag = x.getResponseHeader('ETag'); }, beforeSend: function(x){ if(me.ETag != '') { x.setRequestHeader('If-None-Match', me.ETag); } }, cache: false }); }; this.pause = function(){ clearInterval(this.interval); this.interval = null; }; this.resume = function(){ if(this.interval != null) return; this.start(); }; };

स्क्रिप्ट एक लूप में निर्दिष्ट URL के लिए अनुरोध भेजती है, जब Etag में बदलाव का पता चलता है, onModified कहा जाता है, जिसका कार्य डेटा प्राप्त करने के लिए अनुरोध भेजना है।

कभी-कभी पिंगड फ़ाइल बदलने के बाद अपाचे कुछ समय के लिए पुराने लास्ट-मॉडिफाइड और ईटैग देना जारी रखता है। अजाक्स अनुरोध में कैश झूठी जोड़ना इस स्थिति को ठीक करता है

अनुरोधों की संख्या को कम करने के लिए, हम सर्वर को पिंग करना बंद कर देते हैं जब उपयोगकर्ता हमारे पेज को नहीं देखता है

 if(this.params.bgPause){ $(window).blur(function(){ me.pause() }); $(window).focus(function(){ me.resume() }); }

यहाँ ऐसा विचार मन में आया। मैं आपकी आलोचना, विचारों, सुझावों को सुनूंगा। आप सभी को धन्यवाद

युपीडी। अजाक्स अनुरोध करने से पहले पैरामीटर जोड़ें

पृष्ठभूमि की जानकारी अद्यतन

विचार का सार इस प्रकार है

More articles: