क्रॉस वेबवर्कर और XMLHttpRequest

WebWorker + XMLHttpRequest

एचटीएमएल 5 अब किसी को आश्चर्यचकित नहीं करता है, लेकिन कई न्यूबाय में कई सवाल हैं। विशेष रूप से समानांतर धागे से संबंधित मुद्दों, अर्थात् WebWorker। शेष कहानी को जेएस और एचटीएमएल के ज्ञान की आवश्यकता है - मैं एचटीएमएल और जेएस की मूल बातें नहीं चबाऊंगा।
आज हम WebWorker को एक नियमित XMLHttpRequest में लपेटने का तरीका देखेंगे।
पहला कदम, स्वाभाविक रूप से, एक नियमित कार्य बनाना है।

function req0() {} 

अब आपको एक कर्मचारी बनाने की आवश्यकता है:

 Th0=new Worker('Th0.js') 

WebWorker के साथ काम करने के लिए, हमें केवल 3 कमांडों को जानना होगा: संचारित करना, प्राप्त करना, हटाना।
मुख्य समारोह के लिए:
onmessage - एक संदेश प्राप्त करना या, मोटे तौर पर बोलना, यह वही है जो वेबवर्क के पूरा होने के बाद स्क्रिप्ट करेगी।
पोस्टमैसेज - संदेश भेजना या किसी कर्मचारी को लॉन्च करना। यहां आप स्ट्रीम में डेटा ट्रांसफर कर सकते हैं।
समाप्ति - कर्मचारी की पूर्णता।
स्क्रिप्ट फ़ाइल में कर्मचारी के लिए:
onmessage - मोटे तौर पर, यह तब है जब वर्कर इसकी शुरुआत करेगा
पोस्टमैसेज वह है जो कर्मचारी मुख्य स्क्रिप्ट को भेजता है, अर्थात किए गए कार्य के परिणाम
अब आपको Th0.js फ़ाइल बनाने की आवश्यकता है - इसमें वर्कर का मुख्य कोड होगा। यह ध्यान देने योग्य है कि WebWorker स्थानीय रूप से काम नहीं करता है, जैसे कि एक नियमित HTML दस्तावेज़। WebWorker के लिए एक वेब सर्वर की आवश्यकता होती है।
Th0.js खोलें और लिखें:

 onmessage=function(event) { nameRQ=event.data;} 

अब हमारे पास एक फ़ंक्शन है जो कार्यकर्ता प्रदर्शन करेगा। चर nameRQ को क्वेरी फ़ंक्शन को पास करने की आवश्यकता है जिसमें उस फ़ाइल का नाम है जिसमें अनुरोधित जानकारी है। अब आपको XMLHttpRequest लिखना होगा। क्या सभी जानते हैं कैसे? बेहतर समझ के लिए, मैं आपको XMLHttpRequest अनुरोधों के बारे में अतिरिक्त सामग्री पढ़ने की सलाह देता हूं। मैं केवल आपको संक्षेप में बताऊंगा।
एक अनुरोध बनाएँ:

 xhttp=new XMLHttpRequest() 

हम एक साधारण सर्वर प्रतिक्रिया हैंडलर लिख रहे हैं। बेशक, आप त्रुटि पहचानने और उन पर प्रतिक्रिया के साथ एक अच्छा हैंडलर लिख सकते हैं, लेकिन अब इस बारे में नहीं है।

  xhttp.onreadystatechange=function(){if (xhttp.readyState==4&&xhttp.status==200) {postMessage({goodReq0:xhttp.responseText})}}; 

if (xhttp.readyState == 4 && xhttp.status == 200) - सर्वर प्रतिक्रिया हैंडलर। यदि अनुरोध सफलतापूर्वक पूरा हो गया है, तो निम्नलिखित फ़ंक्शन को निष्पादित करें:
{पोस्टमैसेज ({goodReq0: xhttp.responseText})}}};

अब आपको अनुरोध स्वयं चलाने की आवश्यकता है:

 xhttp.open('POST','http://domen.dmn/req/'+nameRQ,true); xhttp.send(); 

अनुरोध POST, अतुल्यकालिक होगा।
domeninosn / req '+ nameRQ सर्वर पर फ़ाइल का पथ है। तदनुसार, सर्वर पर रीक फ़ोल्डर में अनुरोधित नाम के साथ वांछित फ़ाइल होगी - इस मामले में, नाम चर नामांक द्वारा विशेषता है। यह चर को बदलते हुए विभिन्न फ़ाइलों तक पहुंचने के लिए एक अनुरोध की अनुमति देगा।
फ़ाइल का अंतिम कोड Th0.js

 onmessage=function(event) { nameRQ=event.data; /*    */ xhttp=new XMLHttpRequest(); /*  XMLHttpRequest- */ xhttp.onreadystatechange=function(){if (xhttp.readyState==4&&xhttp.status==200) {postMessage({goodReq0:xhttp.responseText})}}; /*   */ xhttp.open('POST','http://domen.dmn/req/'+nameRQ,true); /*   */ xhttp.send(); /*   */ } 

हम मुख्य समारोह में लौटते हैं।
हम एक कर्मचारी प्रतिक्रिया हैंडलर लिखते हैं।

 Th0.onmessage=function(event) {document.getElementById('DivRQ').innerHTML=event.data.goodReq0;} 

document.getElementById ('DivRQ')। भीतर HTML - प्राप्त पाठ को DivRQ (जो पहले से पृष्ठ पर बनाया जाना चाहिए) नामक एक div में सम्मिलित करता है।
event.data.goodReq0 - सर्वर से प्राप्त डेटा के साथ एक चर।
कर्मचारी को "मारना":

 Th0.terminate(); 

अब, वास्तव में, हम एक कर्मचारी को लॉन्च करने के लिए फ़ंक्शन लिखते हैं। कोड में, onmessage पहले आता है, फिर पोस्टमैसेज ..

 Th0.postMessage(nameRQ)} 

जैसा कि आप देख सकते हैं, पोस्टमैसेज में हम अनुरोधित फ़ाइल का नाम पास करते हैं, जिसमें से जानकारी सर्वर से पढ़ी जाएगी।

परिणामी फ़ाइल:

 function req0() { Th0=new Worker('Th0.js'); /*   */ Th0.onmessage=function(event) {document.getElementById('DivRQ').innerHTML=event.data.goodReq0; /*  */ Th0.terminate();} /*  WebWorker */ Th0.postMessage(nameRQ)} /*  WebWorker */ 

तो हमारा "समानांतर अनुरोध" तैयार है। अब वे समानांतर में किया जा सकता है।