HTML को Intercooler.js के साथ Ajax में मिलाएं
यह कभी आसान नहीं रहा किसी भी वेबसाइट पर अजाक्स जोड़ें. वास्तव में यह पूरी वेबसाइटों के निर्माण के लिए बहुत आम है अजाक्स अनुरोध के आसपास आधारित है बुलाया सिंगल-पेज ऐप्स (या एसपीए).
हालाँकि इसके लिए हमेशा jQuery और कुछ तकनीकी तकरार की आवश्यकता होती है पृष्ठ सामग्री अपडेट करें. अगर आपको बस कुछ चाहिए बुनियादी अजाक्स कार्यक्षमता आप उपयोग कर सकते हैं intercooler.js इस अधिकार को अपने HTML में मिलाने के लिए.
Intercooler आपको HTML विशेषताएँ लिखने की सुविधा देता है मूल रूप से अजाक्स अनुरोध URL होते हैं. जब उपयोगकर्ता कुछ लिंक पर क्लिक करते हैं, तो आप उसे निर्देशित कर सकते हैं अजाक्स अनुरोध चलता है सामान्य क्लिक क्रिया के बजाय.
यह सब HTML5 डेटा पर निर्भर करता है- * विशेषताएँ जैसे कि आईसी-बाद के लिए. आप इस विशेषता को एक बटन या एंकर लिंक में जोड़ सकते हैं, और यह होगा स्वचालित रूप से jQuery में कनेक्ट करें अजाक्स POST अनुरोध के लिए.
वास्तव में एक पृष्ठ है इन विशेषताओं से भरा हुआ प्लगइन वेबसाइट पर। यहाँ थोड़ा है नमूना कोड यह देखने के लिए कि यह कैसा दिखता है:
मुझे क्लिक करें!
यह ऐसा होगा URL पर एक अजाक्स पोस्ट अनुरोध भेजें / buton_click, तथा प्रतिक्रिया लोड करें कंटेनर तत्व में। इंटरकॉलर एक बहुत ही सरल पुस्तकालय है और अविश्वसनीय रूप से शक्तिशाली है जब आप समझते हैं कि यह कैसे काम करता है.
यह आपकी सभी अजाक्स समस्याओं को हल नहीं करेगा क्योंकि यह पृष्ठ के अन्य क्षेत्रों को ऑटो-अपडेट नहीं कर सकता. यह भी बहुत से कस्टम फीचर्स को जोड़ नहीं सकते पृष्ठ को धीमा किए बिना, इतना विस्तृत एसपीए वास्तव में होना चाहिए कस्टम अजाक्स कोड का उपयोग करें.
Intercooler.js एक प्रदान करता है Ajax कोड लिखने के लिए और अधिक अर्थपूर्ण तरीका इतना है कि यह लोड करता है और यहां तक कि एक देशी वापसी प्रदान करता है.
सेवा मेरे इंटरकोलर स्थापित करें आपको बस जरूरत है jQuery की कॉपी साथ में ए इंटरकोलर लाइब्रेरी की कॉपी जो GitHub पर पाया जा सकता है। तुम भी डाउनलोड किए बिना परीक्षण करें एक jQuery सीडीएन और स्थानीय इंटरकॉलर सीडीएन का उपयोग करके किसी भी फाइल.
दोनों को ए में रखें >
पर एक नज़र रखना डेमो पेज देखना डेमो की पूरी सूची आप के साथ खिलौना कर सकते हैं। मुझे विशेष रूप से 'क्लिक टू एडिट' डेमो पसंद है क्योंकि यह दिखाता है कि वास्तव में क्या संभव है और आप इस प्लगइन को कितनी दूर ले जा सकते हैं.
यदि आप में रुचि रखते हैं और अधिक सीखना इसकी जाँच पड़ताल करो निर्देशिका इंटरकोलर HTML विशेषताओं से भरा हुआ। प्रत्येक एक अलग कार्रवाई करता है इसलिए यह उन सभी का अध्ययन करने और देखने के लिए महत्वपूर्ण है सबसे अच्छा फिट बैठता है अपने परिदृश्य के लिए.
स्वाभाविक रूप से, आप पा सकते हैं सभी स्रोत कोड साथ में GitHub पर मुफ्त में संक्षिप्त स्थापना गाइड.
