AJAX - यो के हो? Asynchronous JavaScript र XML: लाभ र बेफाइदा

अब तपाईं लोकप्रियता नयाँ प्रविधिहरू प्रयोग र आवेदन प्राप्त इन्टरनेटमा हेर्न सक्नुहुन्छ। तिनीहरूलाई एक - आजाक्स छ। यो के हो? यो के सुविधाहरू छ? जहाँ लागू गर्न? यी सबै प्रश्नहरु यस लेखमा जवाफ पाउन हुनेछ।

सामान्य जानकारी

आजाक्स कसरी खडा? यो कस्तो अर्थ राख्छ? यो कमी एक गरयो छ। यो asynchronous जाभास्क्रिप्ट र XML ( "asynchronous जाभास्क्रिप्ट र IKSML") को लागि खडा छ। अक्सर तपाईं हेर्न वा यो नयाँ प्रविधिको जानकारी सुन्न सक्नुहुन्छ। तर यो साँचो हो। जाभास्क्रिप्ट र XML, त्यहाँ एकदम लामो समय, पहिले नै हुन् भनेर जबकि को "Ajax" तथ्यलाई यी प्रविधिहरू एक संश्लेषण छ। अक्सर यो अवधि वेब 2.0 सँग संयोजनमा प्रयोग गरिन्छ र उन्नत डिजाइन प्रविधी प्रयोग रूपमा बुझ्ने गरिन्छ।

र के सुविधा?

त्यसैले, हामी पहिले नै आजाक्स के छ को एक सामान्य विचार छ। के यो व्यवहार मा हामीलाई दिन्छ? यसको आवेदन कुरा सक्रिय हुनुको किन छ? यो प्रविधि को peculiarity - जब तपाईं प्रयोग यो पहिलो माग मा सम्पूर्ण पृष्ठ ताजा गर्न आवश्यक छैन भन्ने छ। सबै पछि, तपाईं मात्र यो भाग लागि नयाँ डाटा अनुरोध गर्न सक्नुहुन्छ। (तपाईं कम समय प्रतीक्षा किनभने), र लागत (जो असीमित इन्टरनेट छैन गर्नेहरूका लागि) यो सुविधाजनक छ। तर, के उन्नयन भइरहेको छ सर्भरबाट नयाँ डाटा बारेमा सूचित कम्तिमा एक लोड सूचक वा पाठ सन्देशहरू प्रयोग गर्न मनमोहक छ बारे प्रयोगकर्ता सूचित गर्न। minuses प्रविधि अक्सर पैतृक र पाठ ब्राउजर समर्थन गर्दैन भन्ने तथ्यलाई उल्लेख छ रूपमा। र जाभास्क्रिप्ट प्रविधि असक्षम गर्ने क्षमता धेरै र आनन्द भन्दा प्रयोगकर्ता छ। त्यसैले, तपाईं AJAX दुरुपयोग गर्नु हुँदैन। जानकारी प्रदान वैकल्पिक विधि प्रदान गर्न भने कि, यो दिन सक्छ? सबै भन्दा राम्रो मामला मा, जानकारी बस छैन साइटमा प्रदर्शित हुनेछ। सबैभन्दा खराब मा - यसको उपस्थिति प्रयोगकर्ता अब फर्कन छ भनेर प्रभावित छ।

"Ajax" को लाभ

यो प्रविधि जो एक वेब पेज बुझे गर्न सकिन्छ दुई विधिहरू प्रदान गर्दछ। पहिलो रिबुट बिना परिवर्तनहरू बनाउँदा शामिल। यो सर्भर गतिशील अनुरोध संग पूरा गर्न सकिन्छ। दोस्रो सबैभन्दा लोकप्रिय जो को XMLHttp रिक्वेस्ट छ विशिष्ट प्रविधिहरू, प्रयोग पनि समावेश छ। अपेक्षाकृत आफ्नै लाभ, "Ajax" निम्न भन्न सक्छौं:

1. तपाईं एक सुविधाजनक वेब-आधारित आवेदन, इन्टरफेस मानव अन्तरक्रिया र वेबसाइट सुविधा कि परिणाम संग, प्रयोगकर्ता लागि राम्रो सुविधाहरू पूर्णाङ्क हुनेछ जो सिर्जना गर्न सक्नुहुन्छ।
2. बरु पूर्ण पृष्ठको आंशिक पुनः लोड गर्नुहोस्। यो स्रोतहरू बचाउँछ र मिसिन प्रदर्शन अनुकूलन।
3. साइटको सर्भर भाग सक्रिय छ प्रयोगकर्ता संग पारस्परिक।
4. विचार को एक नम्बर को कार्यान्वयन लागि उपयोगी।

सञ्चार

यहाँ, उदाहरणका लागि, ग्राहकहरु सल्लाह गर्न प्रयोग गर्न सकिन्छ, जो एक प्रतिक्रिया फारम, आवश्यक छ। यसलाई कसरी गर्न सकिन्छ? पहिलो हामी जानकारी "वाहक" को हेरचाह गर्न आवश्यक छ। यो गर्न, तपाईंले XMLHttp रिक्वेस्ट वस्तु सिर्जना गर्न आवश्यक छ। उहाँले सर्भर र प्रयोगकर्ताको ब्राउजरले बीच एक मध्यस्थ को रूप मा कार्य। यो वस्तु संग अनुरोध पठाउन र तिनीहरूलाई जवाफ प्राप्त गर्नेछ। प्रत्यक्ष डाटा विनिमय लागि, हामी आजाक्स PHP आवश्यक छ। यी उपकरण GET- वा पोस्ट-प्रश्नहरु प्रयोग कार्यान्वयन हुन सक्छ। यस मामला मा, आवश्यक तर्क सीधा URL मार्फत पारित गरिनेछ। एकै समयमा यो समारोह चलाउन, र त्यो डाटा स्थानान्तरण अवरोध छैन सुनिश्चित लागि हुनेछ। तर कसरी आजाक्स अनुरोध लागू गर्न? पोस्ट प्रयोग गर्न सिफारिस गरिएको छ। उहाँलाई धन्यवाद, तपाईं यसबाहेक, धेरै गाह्रो पहुँच छ जो डाटा, असीमित रकम हस्तान्तरण गर्न सक्नुहुन्छ।

सञ्चालनको सिद्धान्त

को asynchronous जाभास्क्रिप्ट र व्यवहार मा XML कसरी? एक उदाहरण यो बुझ्न गरौं। तपाईं ग्राहक भाग सुरक्षित डाटा विनिमय लागि सबै आवश्यक कार्यक्षमता प्रदान गर्दछ सुनिश्चित गर्न आवश्यक संरचना आदर बनाए। यो चयन जानकारी तरिकामा दिइरहनुभएको लागि आवश्यक विधि प्रदान गर्नुपर्छ। सर्भर भाग पहिले नै तिनीहरूलाई आधारित डाटा, र, को प्रक्रिया पछि ग्राहक यसलाई मा पारित गर्न नयाँ जानकारी उत्पन्न गर्न सुनिश्चित गर्नुपर्छ। अन्तरक्रिया को सबै भन्दा साधारण प्रकार डाटाबेस काम गर्न छ। हामी पहिले उल्लेख गरेको छ प्रतिक्रिया को फारम धेरै व्यापार साइटहरु एक तत्व हो। यस मामला मा "Ajax" को फाइदा यो असिन्क्रोनस डाटा स्थानान्तरण धारण छ। अर्को शब्दमा, जानकारी पठाएको छ, जबकि, प्रयोगकर्ता उहाँलाई सबै आवश्यक कार्यहरू गर्न सक्नुहुन्छ। प्रत्येक मामलामा को विशेष ध्यान, तपाईंले यो प्रक्रिया साइट को आगन्तुक सूचित गर्न चाहनुहुन्छ कि निर्णय गर्नु पर्छ। एउटै प्रतिक्रिया फारम सापेक्षित यो मामला मा हामी लेख्न, वा यस्तै केही "अपरेटर जवाफ डायल" गर्न सक्ने बताए गर्नुपर्छ।

सर्भर प्रतिक्रिया

उहाँले किनभने प्रविधिको नाम विचार हुन सक्छ रूपमा, XML लागि मात्र होइन आउन सक्नुहुन्छ। साथै, यो सादा पाठ वा JSON रूपमा प्रसारित गर्न सकिन्छ। पहिलो मामला मा जानकारी तुरुन्तै पृष्ठमा प्रदर्शन गर्न सकिन्छ। XML प्रयोग भने, तपाईं ठीक ग्राहक ब्राउजरमा प्रक्रिया गरिएको AJAX-फाइल को हेरचाह गर्न आवश्यक छ। यस मामला मा सबै डाटा (X) HTML परिवर्तित छ। प्रयोग गर्दा JSON ढाँचामा, तपाईं पूर्ण वस्तु जाभास्क्रिप्ट प्राप्त गर्न कोड प्रदर्शन गर्न आवश्यक छ। यो होसियार हुन र खातामा धेरै ह्याकरहरूलाई यो प्रविधिको हालतमा खराब कोड प्रसारित गर्न चाहनुहुन्छ भन्ने तथ्यलाई लिन आवश्यक छ। तिनीहरूले प्रक्रिया अघि डाटा प्रमाणिकरण प्रक्रिया को लागि प्रदान गर्न त्यसैले आवश्यक छ। विभिन्न ब्राउजर लागि बोध को सुविधाहरू अलि फरक हुन सक्छ, तर सामान्य मा, यहाँ कार्य एक योजना छ।

हामी सर्भर र एक प्रतिक्रिया प्रक्रिया अनुरोध बनाउन

निम्नानुसार कार्यहरू सम्पूर्ण अनुक्रम छ:

1. सुरुमा, तपाईं सिर्जना गर्न र त्यहाँ XMLHttp रिक्वेस्ट छ भनेर पक्का गर्न आवश्यक छ।
2. त्यसपछि सर्भर जडान initializes।
3. यो गर्न अनुरोध पठाउन।
4. डाटा आउन को लागि हामी प्रतीक्षा, र तिनीहरूलाई प्रक्रिया।

यो वस्तु सिर्जना मा सुविधाहरू बारेमा बताउन पर्छ। यसलाई जहाँ यो केवल कार्यक्रम भाषा को रूपरेखा भित्र सम्भव छ कुनै पनि ठाउँमा सुरु गर्न सकिन्छ। तर उहाँले समय मा कुनै पनि एक बिन्दु मा एक वैश्विक स्थिति, दिइएको थियो भने यसलाई केवल एक अनुरोध संग काम गर्न सम्भव हुन। यो बिन्दुमा, तपाईं नजिक ध्यान गर्न आवश्यक छ। सन्दर्भमा उपचार - यहाँ हामी चुनिएको साधन केन्द्रित छ। यसैले, XML डाटा प्रशोधन गर्न सकिन्छ डोम-कार्यहरु भने र प्रयोगकर्ता प्रस्तुत HTML मा अन्त परिणाम छ। र साथ JSON रेटेड के गर्ने? यो वस्तु संकेतन जाभास्क्रिप्ट छ बुझे गर्नुपर्छ। यो कस्तो अर्थ राख्छ? कारण JSON वस्तु स्ट्रिङ प्रतिनिधित्व गर्न सकिन्छ। तर यो विधि छैन सुरक्षित पूर्ण छ भनेर सम्झना गर्नुपर्छ र कारक को धेरै छलफल गर्न आवश्यक छ। तर, सामान्य मा, यो धेरै सजिलो छ।

सर्भर-पक्ष कार्यक्रमको भाषा

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

सर्भर कन्फिगर

पूर्णतया आजाक्स सञ्चालन गर्न के कार्यक्रम आवश्यक छ? यो हामीलाई के दिन्छ? तिनीहरूले के हो? यी प्रश्नहरूको जवाफ प्राप्त गर्न, तपाईंले आफैलाई निम्न सूची संग familiarize गर्नुपर्छ:

1. HTML / XHTML। तिनीहरूले पृष्ठ लेआउट पहिचान गर्न सर्भर लागि आवश्यक छन्।
2. CSS। यो उपकरण पृष्ठ डिजाइन को दृश्य चयन लागि आवश्यक छ।
3. डोम। यो प्रयोगकर्ता द्वारा कार्य गर्न एक प्रतिक्रिया रूपमा पृष्ठमा गतिशील परिवर्तन सुनिश्चित गर्न आवश्यक छ।
4. XML। ग्राहक र सर्भर बीच डाटा स्थानान्तरण लागि आवश्यक छ।
5. जाभास्क्रिप्ट। हामी एक कर्सर "Ajax" सिर्जना र अन्तर्क्रिया प्रदान गर्न आवश्यक छ।
6. XMLHttp रिक्वेस्ट। वस्तु जो मार्फत प्रश्नहरु सर्भर फर्वार्ड गरिनेछ।

साइट प्रयोग

त्यसैले अब हामी सैद्धान्तिक ज्ञान र कसरी आजाक्स बारेमा विचार दुवै छ। डाटा पठाएर मात्र केही अभ्यास आवश्यक अब छ। हामीलाई "Ajax" प्रयोग गरेर कार्य को कार्यान्वयन कसरी भेट्नुपर्छ गर्न, सामान्य मा हेरौं। त्यसैले, हामी एक चालक डेटाबेस सिर्जना गर्न आवश्यक छ। र तिनीहरूले जो संचालित गर्न सकिन्छ उपकरणहरू फरक हुनेछ। यो माथि डेटाबेस धेरै ठूलो छ कि उल्लेख हुनुपर्छ, त्यसैले म बस ग्राहक यसलाई पठाउन र यो जाभास्क्रिप्ट प्रयोग अर्थमा बनाउन गर्दैन एक चयन गर्न प्रस्ताव छ। यो कारणले गर्दा एकल प्यारामिटर गर्न स्वामित्व वेब पृष्ठ पुनः लोड मनमोहक पनि छ। सर्भर मा अनुरोध विशेष PHP स्क्रिप्ट ह्यान्डल हुनेछ। डाटाबेस एक XML-फाइलको रूपमा कार्यान्वयन गरिएको छ।

डेटाबेस बारेमा

यसलाई आफ्नो संरचना बाहिर काम गर्न आवश्यक छ। र के पारित मापदण्डहरू, जो वस्तुहरु छन् भने? यस्तो अवस्थामा यो त्यहाँ काम बाट कल घटना कुनै लिंक यो हुनेछ जहाँ एक चर, सिर्जना लागि प्रदान गर्न आवश्यक छ। यो कहीं यो एक वैश्विक कोड बनाउन आवश्यक छ देखि पहुँच गर्न सक्षम हुन। सुविधाको लागि, यो एक प्रयोग गर्न मनमोहक छ डेटाबेस व्यवस्थापन प्रणाली। निस्सन्देह, यो छैन आवश्यक छ। तर अझै पनि डाटाबेस प्रयोग डाटा संग थप आराम र प्रभावकारी काम गर्न अनुमति दिन्छ।

हामी इन्जिन सञ्चालन मा काम गर्दै

सबै कसरी भयो हुनेछ? त्यसैले, त्यहाँ एक निश्चित घटना, एक विशेष समारोह कारण हुनेछ जो आउँछ। त्यो पठाइने एक GET वा पोस्ट-डाटा तयार हुनेछ। यो त सर्भर लिपि को URL मा एक अपील गर्नेछ जो समारोह, भनिएको छ। यो XMLHttp रिक्वेस्ट-वस्तु सिर्जना envisage गर्न आवश्यक छ। यो एउटा सन्दर्भ चल भण्डार गर्नुपर्छ। डाटा सर्भर पठाइएको छ पछि, तपाईं उहाँलाई एक प्रतिक्रिया को लागि प्रतीक्षा गर्नुपर्छ। यो गर्न, तपाईं जानकारी प्राप्त गर्न "wiretapping" अन (ज्ञात भने, जब आउन र हुनेछ) वा सधैं डाटा स्वीकार गर्न तयार हुनेछ कि एक समारोह प्रदान गर्न सक्छ। पहिलो embodiment एक असाधारण अवस्था को मामला मा कम विश्वसनीय छ। दोस्रो बोध - स्रोतहरू मामलामा थप महँगो। हुनत, यो एक चर आदर मात्र गरेको छ भने, यो छिटो इन्टरनेट असर गर्दैन। तर यदि त्यहाँ सयौं र हजारौं छन्, र तिनीहरूले एक उच्च संकल्प हुनेछ, - त्यसपछि अर्को कुरा हुनेछ। यो उपलब्ध स्रोतहरू र प्रभावकारिता को प्रयोग बीचको सन्तुलन खोज्न आवश्यक त्यसैले छ। आखिर, यो 16 जीबी गर्न स्मृति छैन सबै बुझे गर्नुपर्छ। यो एक निश्चित प्रतीक्षा सर्भर उपलब्ध यो समय छ कि अघिल्लो डाटा वा जानकारी स्थानापन्न जो पछि समय सेट गर्न सक्नुहुन्छ।

सुविधाहरू

को "Ajax" प्रयोग गर्दा पृष्ठ वा अनुप्रयोगको लागि इन्टरफेस द्वारा सिर्जना भएको छ, तपाईंले परिणाम राम्रो विभिन्न अपरेटिङ सिस्टम मा काम गर्दछ पक्का, र विभिन्न ब्राउजरहरूमा बनाउन आवश्यक छ। पहिलो मामला मा अमूल्य सहयोग emulators प्रदान गर्न सक्षम हुनेछ। दोस्रो मामला मा यो कार्यक्रम को एक किसिम स्थापना गर्न बस पर्याप्त हुनेछ र तिनीहरूले कोड को कार्यक्षमता परीक्षण। यो प्रयोगकर्ताको ब्राउजरले मिति बाहिर प्रयोग मामला मा वा हुनेछ यो आवश्यक सेटिङहरू बन्द बन्द हुनेछ, निश्चित कार्यहरू लागि प्रदान गर्न आवश्यक पनि छ र। यस्तो अवस्थामा, हेरविचार किन यस मामला मा हेर्ने साइट सम्भव छैन कारण बताउँदै, पृष्ठ मा पाठ को निकासी लागि लग्नु गर्नुपर्छ। हो, आधुनिक प्रविधिको प्रयोग गरी, मान्छे को अब विशाल बहुमत तर पूर्ण सम्भावना र पर्यटकहरू केही प्रतिशत केही पुरानो सफ्टवेयर प्रयोग गर्नेछ भन्ने तथ्यलाई ध्यान को जाने छैन। र व्यापार मात्रा मा महत्वपूर्ण नतिजा हुन सक्छ।

निष्कर्षमा

यो लेख एक तार्किक अन्त्य गर्न आउँछ। हामी सारा मा "Ajax" कुरा भने, यो उपकरण तपाईं प्रसन्न चाँडै र योग्य लेआउट संग काम धेरै आकर्षक र सुविधा-सम्पन्न वेबसाइट सिर्जना यसको प्रयोगकर्तालाई उद्धार गर्न अनुमति दिन्छ। त्यहाँ भविष्यमा अझ उन्नत प्रविधिहरू हुनेछ, तर अहिले हामी के प्रयोग गर्नेछ पक्कै छ। कार्यक्रम भाषा र प्रविधी को सुधार एकदम सम्भव छ, र यो उपलब्ध हुनेछ एक विकल्प छ को रूप मा, विधिहरू पनि अधिक उच्च गुणवत्ता उत्पादन सिर्जना गर्न हुनेछ। तर, आवश्यक कार्य अब छ यो सक्छन् रूपमा हुन। र यो नाम - "Ajax"।