2010-08-21 15 views
21

अजाक्स - असिंक्रोनस जावास्क्रिप्ट और एक्सएमएलअजाक्स सीखना कैसे शुरू करें?

इसमें क्या शामिल है? एचटीएमएल, जावास्क्रिप्ट, एक्सएमएल, jQuery?

अजाक्स सीखना शुरू करने का सबसे अच्छा तरीका क्या है? क्या मुझे HTML और जावास्क्रिप्ट की मूल बातें शुरू करनी चाहिए या किसी विशेष भाषा या पुस्तकालय पर अपना निर्देश आधार देना चाहिए?

उत्तर

24

अजाक्स, संक्षेप में, पेज को छोड़े बिना जावास्क्रिप्ट का उपयोग करके किसी पृष्ठ से वेबसर्वर से संचार करने की प्रक्रिया है।

महत्वपूर्ण बातें आप इस के लिए पता करने की जरूरत हैं:

  • जावास्क्रिप्ट अनुरोध प्रतिक्रिया
  • सर्वर साइड अनुरोध प्राप्त होता है और प्रतिक्रिया बनाने के लिए आवश्यक कोड बनाने के लिए और संभालने के लिए आवश्यक है (जब तक आप एक सेवा का उपयोग कर रहे हैं जो आपके लिए यह प्रदान करता है)

इसका सर्वर पक्ष आप जिस सर्वर साइड पर्यावरण के साथ काम कर रहा है उस पर बहुत निर्भर करता है, इसलिए थोड़ा उपयोगी है जो कहा जा सकता है। आम तौर पर क्या कहा जा सकता है कि प्रतिक्रियाएं क्या हो सकती हैं।

  • JSON संरचित डेटा भेजने के लिए एक लोकप्रिय दृष्टिकोण है।
  • एक्सएमएल संरचित डेटा भेजने का एक और तरीका है, लेकिन जेएसओएन के साथ काम करने में आसान है, क्योंकि देर से पक्षपात से बाहर हो रहा है।
  • एचटीएमएल के भाग innerHTML वाले पृष्ठों में घूमने के लिए लोकप्रिय हैं।
  • सरल प्रतिक्रियाओं के लिए सादे पाठ के छोटे बिट्स उपयोगी हैं।

क्लाइंट साइड के लिए के रूप में, वहाँ तीन आम दृष्टिकोण हैं:

  • XMLHttpRequest: ठीक है का समर्थन किया और लचीला।
  • fetch: एक अच्छा एपीआई के साथ एक्सएचआर के लिए एक प्रतिस्थापन लेकिन अधिक सीमित ब्राउज़र समर्थन।
  • JSONP: उसी उत्पत्ति नीति के आसपास काम करने के लिए एक हैक सीओआरएस की शुरूआत से अप्रचलित हो गया है, लेकिन आप समय-समय पर जो भी ठोकर खा सकते हैं।

मैंने उपर्युक्त मूल नीति का उल्लेख किया है। सुरक्षा कारणों से आम तौर पर a script isn't allowed to read data from another domainCORS standard आपको इसके आसपास काम करने की अनुमति देता है।

कुछ संसाधनों के लिए अब

: यदि आप कुछ पृष्ठभूमि की जरूरत

2

AJAX = असीमित जावास्क्रिप्ट और एक्सएमएल।

तो मूल रूप से यह जावास्क्रिप्ट है। अन्य चीजों के साथ jQuery आपके कोड को AJAX अनुरोध भेजने को सरल बनाता है। एचटीएमएल मार्कअप है, भाषा नहीं है और AJAX से संबंधित नहीं है।

आप this tutorial से शुरू कर सकते हैं।

-1

वास्तव में इसका उपयोग करके। कुछ सीखने का सबसे अच्छा तरीका है। कुछ भी!

4

आपको HTML और जावास्क्रिप्ट का ज्ञान होना चाहिए। W3Schools में मूल बातें पर एक ट्यूटोरियल है जो आपको सीखने में मदद करेगा। सीखने का सबसे अच्छा तरीका कुछ कोड डालना और इसका उपयोग करना है। और इसके अलावा अब, JQuery (एक जावास्क्रिप्ट लाइब्रेरी), अजाक्स को और अधिक मजेदार और आसान सीखने में मदद करता है। वेबसाइट में अच्छा प्रलेखन और कुछ नमूना अजाक्स कोड भी है।

0

आपको पहले जावास्क्रिप्ट को समझने और इसे प्रोग्राम करने के तरीके की आवश्यकता है। मेरी तरफ, जब मैंने पहली बार जावास्क्रिप्ट विकसित करना शुरू किया, तो मेरा अनुभव मुख्य रूप से सी, सी ++, पर्ल और जैसा था।

उस पृष्ठभूमि के कारण, यह मुझे वेब पेज पर गतिशील रूप से वर्तमान पृष्ठ (किसी भी पुनर्निर्देशन के बिना) से डेटा पूछने में सक्षम होने के लिए जावास्क्रिप्ट की आवश्यकता को जल्दी से उत्पन्न करता है। तब मैंने सामान्य कुंजी अजाक्स ऑब्जेक्ट XMLHttpRequest की खोज की।

मैं आपको पहले "नियमित" जावास्क्रिप्ट का उपयोग करने की सलाह दूंगा, कुछ बुनियादी गतिशील क्रियाएं, जैसे समय प्रदर्शन, चलती पाठ (...)।

फिर आप एक साधारण प्रोग्राम को लागू करने का प्रयास कर सकते हैं जो आपके सर्वर से घड़ी मूल्य प्रदर्शित करता है। क्योंकि XmlHttpRequest वेब सर्वर और क्लाइंट (ब्राउज़र) के बीच एक संवाद करता है।

इसके लिए आपको किसी वेब सर्वर (जैसे अपाचे) तक पहुंच की आवश्यकता है। आपको यह चुनने की ज़रूरत है कि आप कौन सी भाषा सर्वर पक्ष का उपयोग करेंगे Xmlhttprequests, उदा। PHP, पर्ल CGI, आदि ... आपको अपाचे को उस PHP अनुरोध को पृष्ठ अनुरोधों को प्रेषित करने की आवश्यकता है ... स्क्रिप्ट। स्क्रिप्ट को परिणाम आउटपुट करना होगा।

Browser-Javascript request 

==> Web server (eg PHP) 
    to Display the clock = 
          " 
Back to browser  <== 

जावाक्रिप्ट कोड उस उत्तर को प्राप्त करेगा और उस परिणाम को कहीं भी प्रदर्शित करना होगा।

पुस्तक के संदर्भ में, फ्लानगन द्वारा जावास्क्रिप्ट 5 मेरी पहली पसंद है।

संबंधित मुद्दे