हम इसे एक बार और सभी के लिए समझायेंगे: AJAX, "सिरिलिक वर्ण", एन्कोडिंग, प्रोटोटाइप .js, jQuery, JsHttpRequest

AJAX तकनीक है। इस तकनीक का आमतौर पर इस्तेमाल की जाने वाली तकनीकों में से एक है

वर्ग XMLHttpRequest के ऑब्जेक्ट का उपयोग करके अनुरोध भेजना।



एन्कोडिंग में एजेक्स अनुरोध भेजने और प्राप्त करने की आवश्यकता है, हमें इसकी आवश्यकता है, चाहे वह यूटीएफ -8 के बिना सिंगल-बाइट एन्कोडिंग का उपयोग करने के लिए आवश्यक हो या नहीं। इन सभी सवालों का जवाब एक बार और सभी के लिए इस लेख द्वारा दिया जाएगा।







वैसे, मेरा एक पुनर्मुद्रण।



और फिर भी, बेशक, जावास्क्रिप्ट में कोई कक्षाएं नहीं हैं, लेकिन सुविधा के लिए हम इस शब्दावली का उपयोग करेंगे।



XMLHttpRequest प्रलेखन का कहना है कि ब्राउज़र को निम्न प्रकारों का समर्थन करना चाहिए

HTTP अनुरोध: GET, POST, HEAD, PUT, DELETE, विकल्प।



तिथि करने के लिए, आप कक्षा XMLHttpRequest के ऑब्जेक्ट के माध्यम से जावास्क्रिप्ट भेज सकते हैं

केवल GET और POST जैसे अनुरोध ।



तो, इन प्रश्नों में से 2 पर विचार करें:



1. अनुरोध प्रकार प्राप्त करें:



सर्वर पर स्क्रिप्ट की सभी जानकारी केवल URL के माध्यम से और हेडर के माध्यम से प्रेषित की जा सकती है।



उदाहरण के लिए



G- my -rebenok / ajax.php? F = 324 प्राप्त करें

होस्ट: मोय-रिबेनोक

उपयोगकर्ता-एजेंट: मोज़िला / 5.0 (विंडोज; यू? विंडोज एनटी 5.1; आरयू; आरवी: 1.8.1.11) गेको / 1 टी 12127

फ़ायरफ़ॉक्स / 2.0.0.11

स्वीकार करें:

text / xml, application / xml, application / xhtml + xml, text / html; q = 0.9, text / plain; q = 0.8, image / pn;

जी, * / *; q = 0.5

स्वीकार-भाषा: आरयू- ru, ru; q = 0.8, en-us; q = 0.5, en; q = 0.3

स्वीकार-एनकोडिंग: गज़िप, अपस्फीति

स्वीकार-सारसेट: विंडोज़ -१२५१, यूटीएफ-;; q = ०. windows, *; q = ०. windows

कीप-अलाइव: 300

कनेक्शन: जीवित रखें

संदर्भकर्ता : moy-rebenok / ajax.html



सर्वर पर, ajax.php में निर्माण का उपयोग करना संभव होगा

चर _ मान प्राप्त करने के लिए $ _GET ['f']।



रूसी पत्रों के साथ समस्या क्यों है? क्योंकि, जैसा कि आप जानते हैं, रूसी अक्षरों का उपयोग URL में नहीं किया जा सकता है, तो उन्हें किसी भी तरह उपलब्ध लैटिन अक्षरों, संख्याओं और वर्णों का उपयोग करना चाहिए जिन्हें '?' साइन के बाद URL में अनुमति दी गई है।



लोगों ने सहमति व्यक्त की कि वे एस्केप सीक्वेंस का उपयोग करके ऐसा करेंगे।



"हाय" शब्द का बचना क्रम windows-1251 द्वारा एन्कोड किया गया:

% EF% F0% E8% E2% E5% F2



UTF-8 एन्कोडिंग में "हैलो" शब्द का एस्केप अनुक्रम:

% D0% BF% D1% D०% D0% B8% D0% B2% D0% B5% D1% %२



"हाय" शब्द का एस्केप क्रम KOI8-R में एन्कोडेड है:

% CE% CF% D5% C1% C5% D0



(संकेत '%' है, तो वर्ण कोड)।



इस प्रकार, आप रूसी पत्र स्थानांतरित कर सकते हैं, उदाहरण के लिए, निम्नानुसार है:



मेरा -rebenok / ajax.php प्राप्त करें ! F =% EF% F0% E8% E2% E5% F2

होस्ट: ...



या तो:



G- my -rebenok / ajax.php? F =% D0% BF% D1% 80% D0% B8% D0% B2% D0% B5% D1% 82

होस्ट: ...



कोई भी आपको इस तक सीमित नहीं करता है ।



वैसे, GET अनुरोध के लिए, आपको सामग्री-प्रकार हेडर निर्दिष्ट करने की आवश्यकता नहीं है ।

क्योंकि कोई सामग्री नहीं। किसी विशिष्ट पते पर केवल एक अनुरोध है।

सर्वर के सभी चर URL के माध्यम से पारित किए जाते हैं।



आवश्यक कोडिंग में आवश्यक भागने का क्रम कैसे करें?



आप अपने हाथों से टिंकर कर सकते हैं, कम से कम किसी भी तरह, लेकिन स्वाभाविक रूप से जावास्क्रिप्ट में।

फिर, कोई भी आपको सीमित नहीं करता है।



लेकिन सुविधा के लिए, वे आमतौर पर उन 3 कार्यों में से एक का उपयोग करते हैं जो पहले से ही जावास्क्रिप्ट में परिभाषित हैं:



ए) बच ()

बी) एनकोडर्ली ()

ग) एनकोड्यूरिकम्पोनेंट ()



क्रम में:



ए) बच ()



लैटिन अक्षर, संख्या, प्रतीक @ * / +। यह जैसा है, वैसा ही रहता है

% xx, या तो:% uxxxx।

इसके अलावा, दूसरे मामले में xxxx UTF-8 में नहीं, बल्कि यूनिकोड में एक वर्ण कोड है



( यूनिकोड और UTF-8 के बीच का अंतर )।



इस फ़ंक्शन का उपयोग करना आवश्यक नहीं है , क्योंकि निष्पादन का परिणाम ब्राउज़र पर निर्भर करता है, फ़ंक्शन मानकीकृत W3C नहीं है, 90 के दशक में डैशिंग में उत्पन्न हुआ।



इसके अलावा, सर्वर पर इस तरह के विनाइल-ग्रेट प्रारूप में एक स्ट्रिंग को संसाधित करने के लिए किसी तरह मुश्किल (कम से कम जल्दी) है।



एस्केप () फ़ंक्शन का उपयोग हमारे हमवतन JsHttpRequest लाइब्रेरी द्वारा किया जाता है।

इसलिए नहीं कि लाइब्रेरी खराब है, बल्कि इसलिए कि इसे सभी ब्राउज़रों के साथ काम करने के लिए बनाया गया है

(सबसे पुराने सहित)।



बी) एनकोडर्ली ()



लैटिन अक्षर, संख्या, प्रतीक! @ # $ & * () =: / ?? + '। जैसा है, बाकी सब कुछ छोड़ देता है

कोड

UTF-8 एनकोडेड एस्केप सीक्वेंस।



ग) एनकोडरिकम्पोनेंट ():



लैटिन अक्षरों, संख्याओं, प्रतीकों! * () ’। के रूप में छोड़ देता है, बाकी सब कुछ सांकेतिक शब्दों में बदलना

UTF-8 एनकोडेड एस्केप सीक्वेंस।

W3C द्वारा अनुमोदित।



GET पद्धति से क्वेरी करते समय jQuery, prototype.js द्वारा उपयोग किया जाता है।



आपने किसी से सुना होगा: "XMLHttpRequest केवल UTF-8 के साथ काम करता है।"

अब आप जानते हैं कि यह पूरी तरह सच नहीं है।



जब GET अनुरोध का उपयोग किया जाता है, तो प्रसारित डेटा की एन्कोडिंग आमतौर पर कहीं भी पंजीकृत नहीं होती है (!)।

एक बार फिर, 'सामग्री-प्रकार', जिसमें हम चारसेट निर्दिष्ट कर सकते हैं

GET अनुरोधों में उपयोग नहीं किया गया।



लेकिन, क्योंकि UTF-8 में एस्केप सीक्वेंस के साथ किसी भी स्ट्रिंग को स्ट्रिंग में ट्रांसलेट करने के लिए जावास्क्रिप्ट के 2 सुविधाजनक कार्य हैं, फिर उनमें से सभी इसे यूटीएफ -8 के साथ काम करते हैं।



यही कारण है कि jQuery में आप अनुरोध भेजते समय भी चारसेट निर्दिष्ट नहीं कर सकते।

यही कारण है कि जब आप एन्कोडिंग = 'विंडोज़ -1251' निर्दिष्ट करते हैं और GET अनुरोध का उपयोग करते हुए भी Prototyp.js में, यह अभी भी UTF-8 प्रसारित होता है।



सिर्फ इसलिए कि इन पुस्तकालयों के लिए कोड encodeURIComponent () फ़ंक्शन का उपयोग करता है।



तो ठीक है। इसमें कुछ भी गलत नहीं है। अब काम करने के लिए आपको बस इतना करना होगा

में php

सामान्य एन्कोडिंग उपयोग iconv:



$ f = iconv ('UTF-8', 'windows-1251', $ _GET ['f']);



वैसे, हम इसे ठीक से कर सकते हैं क्योंकि $ _GET इस तरह से काम करता है कि यह समझ में आता है

क्रम से बचो। PHP के रचनाकारों के लिए धन्यवाद।



यानी जब GET अनुरोध आता है, तो PHP URL को देखता है, हमारे लिए एक $ _GET सरणी बनाता है, और हम

पहले से ही उसके साथ

हम जो चाहते हैं वही करते हैं। लेकिन यह स्पष्ट प्रतीत हो रहा है।



2) पोस्ट अनुरोध।



यहां सब कुछ अधिक दिलचस्प है।



यहाँ सर्वर के लिए यह अनुरोध आता है। PHP हैंडलर सामग्री-प्रकार को देखता है, और इसके आधार पर $ _POST सरणी और / या $ HTTP_RAW_POST_DATA चर भरता है।



यह $ _POST में भरता है जब मल्टीपार्ट / फॉर्म-डेटा कंटेंट-टाइप या में निर्दिष्ट होता है

एक्स-www फार्म-urlencoded।



यह किस प्रकार की सामग्री-प्रकार है?

और सामग्री टाइपिंग बहुत सुविधाजनक है। यह आपको php स्क्रिप्ट के लिए कई चर पास करने की अनुमति देता है।



POST अनुरोध क्या है?

ये हेडलाइन हैं, इसके बाद कंटेंट। सामग्री आम तौर पर मनमानी है। यानी बस बाइट्स, बाइट्स, बाइट्स।



लेकिन आखिरकार, जावास्क्रिप्ट से आमतौर पर न केवल बाइट्स, बाइट्स, बाइट्स को प्रसारित करना आवश्यक होता है, बल्कि कई कुंजी = मूल्य जोड़े, कुंजी = मूल्य, ...

जैसे GET रिक्वेस्ट में।



इसलिए लोग ऐसे सुविधाजनक प्रकार पर सहमत हुए जैसे कि x-www-form-urlencoded है

F = 123 और gt = null पास करने के लिए, आपको सामग्री पास करनी होगी:



f = 123 & gt = अशक्त



क्या आप सच्चाई जानते हैं? बेशक यह परिचित है, और प्रकार व्यर्थ नहीं है जिसे x-www-form-urlencoded कहा जाता है।

GET अनुरोध के साथ सब कुछ वैसा ही है।



और jQuery और प्रोटोटाइप.js पुस्तकालयों में सामग्री कैसे बनती है?



यह सही है, एक ही फ़ंक्शन एन्कोडुरिकॉमपॉइंटेंट () की मदद से, और इसलिए एस्केप सीक्वेंस UTF-8 एन्कोडिंग में होंगे। (इस तथ्य के बावजूद कि प्रोटोटाइप में। आप एन्कोडिंग स्थापित करेंगे)।



वह सब है। एक और मौका है। आखिरकार, आप x-www-form-urlencoded (यानी पैरामीटर नहीं) को स्थानांतरित कर सकते हैं, लेकिन साधारण पाठ या बाइनरी सामग्री, जिसे तब $ HTTP_RAW_POST_DATA के माध्यम से पढ़ा जा सकता है।



ऐसा करने के लिए, सामग्री-प्रकार टेक्स्ट / xml या एप्लिकेशन / ऑक्टेट-स्ट्रीम सेट करें, उसी स्थान पर charset = "windows-1251" सेट करें।



हम भेजते हैं () वांछित एन्कोडिंग का एक स्ट्रिंग कार्य करते हैं। (Prototyp.js इस कॉल को नए Ajax.Request (...) निर्माण के साथ लपेटता है।



और फिर ... और वह (XMLHttpRequest वर्ग का एक ऑब्जेक्ट) इस स्ट्रिंग को UTF-8 में अनुवाद करता है, इससे कोई फर्क नहीं पड़ता कि यह क्या है। यह डब्ल्यू 3 सी प्रलेखन कहता है। और वह वास्तव में करता है।



निष्कर्ष:



1. केवल UTF-8 एन्कोडेड स्ट्रिंग्स को सीधे XMLHttpRequest के माध्यम से प्रेषित किया जा सकता है।



2. गैर-लैटिन वर्णों के अनुसार "किसी अन्य एन्कोडिंग में" तार को प्रसारित करना संभव है

भागने के लिए एक ही समय में।



3. जावास्क्रिप्ट में, गैर-लैटिन वर्णों से बचने वाले 3 कार्य हैं:

बचना (), एनकोडर्इ () और एनकोडर्कोम्पोनेंट ()।



पहला यूनिकोड वक्र के लिए अनुवाद करता है। UTF-8 में दूसरे दो।



आप अपने स्वयं के कार्यों को लिख सकते हैं जो किसी भी एन्कोडिंग के एस्केप अनुक्रम उत्पन्न करेगा। यह संभव है, लेकिन जरूरी नहीं। क्योंकि इसके विपरीत, आपको खुशी होनी चाहिए कि ऐसे कार्य हैं जो UTF-8 में किसी भी एन्कोडिंग के पाठ का अनुवाद करते हैं। यह एक बेहद खूबसूरत तथ्य है। वह योजना जिसमें सभी एक्सएचटीएमएल पेज विंडोज़ -1251 पर काम करते हैं, अजाक्स सर्वर से क्लाइंट तक विंडो 1251 फेंकता है, और अजाक्स क्लाइंट से सर्वर तक यूटीएफ -8 फेंकता है, बिल्कुल स्वीकार्य है और अधिकांश संसाधनों पर उपयोग किया जाता है ।



बस नीचे वर्णित के रूप में आइकनव का उपयोग करना याद रखें। और सर्वर के लिए JSON को जावास्क्रिप्ट (या आपके पास जो कुछ भी है) को सही एन्कोडिंग में देने के लिए (यानी, उसी एन्कोडिंग में जिसमें सभी एक्सएचटीएमएल पेज प्रदान किए गए हैं) बस अपने ajax.php की शुरुआत में हेडर लिखें:



हेडर ('सामग्री-प्रकार: पाठ / html; चारसेट = विंडोज़ -1251');



और सब ठीक हो जाएगा।



अंत में, थोड़ा व्यक्तिपरक राय:



JQuery का उपयोग करें, लोगों से प्यार करें, उपहार दें।