2009-07-28 9 views
5

के लिए Jquery या Basic XmlHttpRequest AJAX के माध्यम से क्लाइंट पक्ष पर JSON प्राप्त करना कुछ है जो मैं अपने एएसपी.नेट एमवीसी ऐप में ढूंढ रहा हूं।एमवीसी AJAX

मुझे उद्देश्य के लिए Jquery और मूल XmlHttpRequest स्क्रिप्ट मिली। मुझे पता है कि डोम मैनिपुलेशन के साथ सहजता Jquery के लिए एक पहलू है। लेकिन Jquery के फ़ाइल आकार से संबंधित है।

लेकिन अभी भी नहीं मिल रहा है मुझे जावास्क्रिप्ट का उपयोग करके हल्के वजन सरल XmlHttpRequest पर Jquery को चुनने और अध्ययन करने की आवश्यकता क्यों है।

मैं जानना चाहता हूं कि मुझे कौन सा सर्वोत्तम अभ्यास करना है या क्या कोई चीज है जो मुझे इसके अलावा याद आ रही है।

Thx

उत्तर

14

JQuery इतना आम है की तरह इन दिनों है कि अगर आप इसे Google's library से संदर्भ बात की काफी संभावना है लोग पहले से ही में यह है कि उनके ब्राउज़र कैश और इसे वैसे भी डाउनलोड करने की आवश्यकता नहीं होगी।

JQuery लाइब्रेरी minified का आकार केवल 56k है, जो कई छवियों से छोटा है। यदि यह वेबसर्वर द्वारा संकुचित भी है, तो यह उससे बहुत छोटा है।

JQuery का उपयोग करने का स्पष्ट लाभ यह है कि यह पहले से ही सभी बुनियादी एक्सएचआर क्रियाओं को समेकित कर चुका है जिन्हें आपको करने की आवश्यकता होगी, और क्रॉस-ब्राउज़र वातावरण में ऐसा किया जाता है। तो संभावित रूप से छोटी गाड़ी, घर का बना AJAX कोड लिखने के बजाय, आप JQuery जावास्क्रिप्ट की एक पंक्ति में अपने अजाक्स अनुरोध कर सकते हैं।

+2

womp को सुनें के लिए कुछ सीजीआई द्वार में लिख सकते हैं। वह जगह पर है। अपनी खुद की जावास्क्रिप्ट लिखने के लिए आप अपने दिमाग से बाहर हैं। घर से उगाए गए हैकी कोड हमेशा काम के बिना jQuery के रूप में बड़ा होने के रूप में समाप्त होता है! –

+0

@womp एक स्पष्ट लाभ बताता है –

+0

आपके सभी प्रयासों की सराहना करते हैं। मैं Jquery के लिए जाता हूं। लेकिन आकार के मामले में मूल XmlHttpRequest को कभी भी न छोड़ें। कम आकार का मतलब कम कोड है, इसलिए कम छोटी गाड़ी। –

0

मुझे लगता है कि जे एस lib का पेलोड आकार के मुद्दे इसके पार ब्राउज़र समर्थन और सामने अंत विकास के लिए समग्र handiness से कम हो जाएगा ...

आप minified संस्करण की मेजबानी के लिए सुनिश्चित करें उत्पादन में।

प्लस jQuery अपेक्षाकृत हल्के वजन जेएस लाइब्रेरी है, यह सीखने के लिए लाइब्रेरी का एक अच्छा विकल्प है।

वहाँ पाठ्यक्रम के बहुत सारे अन्य हैं:

मैं भी YUI और यहां तक ​​कि MooTools

1

jQuery बहुत सारी नलसाजी प्रदान करता है जो आपके जीवन को आसान बनाता है। उदाहरण के लिए, IE के पुराने संस्करणों के लिए XmlHttpRequest ऑब्जेक्ट्स को instantiated as an ActiveX object होना आवश्यक है, jQuery के साथ आपको इसके बारे में चिंता करने की आवश्यकता नहीं है।

कोई "सर्वोत्तम अभ्यास" नहीं है जिसका पालन करना चाहिए, लेकिन जब तक कि आपके प्रोजेक्ट के लिए आकार बहुत महत्वपूर्ण विचार न हो, मैं आपको अजाक्स पुस्तकालय पर विचार करने के लिए दृढ़ता से आग्रह करता हूं। यह विकास को बहुत तेज बनाता है और आपको विश्वास दिलाता है कि आपका अजाक्स क्रॉस-ब्राउज़र संगत होगा।

0

jQuery डोम मैनिपुलेशन पर बहुत अच्छा है। आपके मामले में, यह अधिक हो सकता है।

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

मू उपकरण: http://mootools.net/core

उदाहरण: http://davidwalsh.name/basic-ajax-requests-mootools

+0

mootools अच्छा लग रहा है लेकिन यह आकार के संदर्भ में मूल xmlhttprequest के पीछे आता है। –

+0

Google पुस्तकालयों द्वारा MooTools भी होस्ट किया जाता है (जिसका अर्थ है कि यह पहले से ही कई लोगों के लिए कैश किया गया है) और उत्कृष्ट क्रॉस-ब्राउज़र JSON और Ajax समर्थन प्रदान करता है। – zombat

0

मैं कारणों की एक जोड़ी के लिए jQuery का उपयोग कर की सिफारिश करेंगे। पहला कारण यह है कि यह कोड करने के लिए जावास्क्रिप्ट एब्स्ट्रक्शन लेयर प्रदान करता है।jQuery सभी प्रमुख ब्राउज़रों का समर्थन करता है (यदि सभी ब्राउज़रों नहीं हैं) तो आपको क्रॉस ब्राउज़र संगतता या ब्राउज़र चेक के बारे में चिंता करने की आवश्यकता नहीं है। jQuery (mootools और प्रोटोटाइप की तरह) सेट -

दूसरी बात - (। $() लोड (यूआरएल), आदि) jQuery अपने ajax अनुरोध

तीसरा (जो मैं सबसे उपयोगी लगते हैं) बनाने के लिए सरल बाध्यकारी कॉल प्रदान करता है "एक्स-अनुरोधित-साथ" के लिए AJAX अनुरोध का हेडर जो आपको यह जांचने की अनुमति देता है कि कोई अनुरोध AJAX अनुरोध है या नहीं। यह आसान जावास्क्रिप्ट एकीकरण (अविभाज्य जावास्क्रिप्ट) के लिए अनुमति देता है।

इसके अतिरिक्त - एक बार जब आप jQuery जाते हैं तो आप कभी वापस नहीं जाएंगे।

2

यह समस्या यहाँ है, क्यों पहिया एक नए अंदाज़ में। जैसा कि अन्य लोगों ने ध्यान दिया है, पुस्तकालय ब्राउज़र क्विर्क इत्यादि जैसी चीजों पर अमूर्तता की एक परत प्रदान करते हैं।

यह लगभग गारंटी है कि आपके द्वारा लिखे गए किसी भी कस्टम कोड में शायद बग शामिल होंगे। परेशान क्यों करें जब आपको कोड का उपयोग करने का लाभ हो सकता है जिसमें परीक्षण किए जाने का अतिरिक्त लाभ होता है और जंगली में बड़े पैमाने पर उपयोग किया जाता है।

लाइब्रेरी को अपना काम करने दें, और अपने आवेदन के कस्टम व्यापार तर्क को कोड करने के लिए स्वयं को और अधिक समय दें।

+2

जबकि कोडिंग करते समय मैं 100% पहिया को फिर से आविष्कार करने के साथ सहमत नहीं हूं, जब भी मैं उस वाक्यांश को सुनता हूं तो मैं हमेशा एक मजाकिया उद्धरण फेंकना पसंद करता हूं। "अगर किसी ने कभी भी पहिया का पुन: आविष्कार नहीं किया है, तो भी हम पत्थर के पहियों का उपयोग करेंगे।" : डी – zombat

0

मेरी राय में, मेरी राय में, आपको सरल या जटिल AJAX क्लाइंट एप्लिकेशन या डोम मैन्युप्लेशन के लिए Jquery सीखना और जानना है, आप jquery के साथ डोम और AJAX कॉल को आसान बना सकते हैं।

आप पहले से ही जानते हैं, आप पहले से ही शुद्ध जावास्क्रिप्ट कार्यों के साथ AJAX कॉल कर सकते हैं। How to Make AJAX Requests With Raw javascript, इस आलेख में दो भाग हैं।

अन्यथा, पृष्ठ पर AJAX अनुरोध के दौरान आपको प्राप्त डेटा जांचना होगा और आपके पास जटिल डेटा होने पर प्राप्त डेटा का आकलन करना चाहिए (मेरा मतलब संग्रह या सरणी डेटा है)। इस बिंदु पर आप Jquery की शक्ति, हैंडलिंग के बारे में, प्राप्त डेटा पर मैन्युफ्लेटिंग करेंगे।

मैं आपको आश्वस्त करता हूं, जब आप थोड़ा जटिल डेटा पर काम करेंगे, तो आप आसानी से अपने पृष्ठों पर कुछ बनाने के लिए कुछ लाइब्रेरी देखेंगे। Jquery आपको जावास्क्रिप्ट के XMLHttpRequest से अधिक देगा।

अंतिम थिंक, तो आप इस

<script type="text/javascript" 
src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"> 
</script> 
इस शैली आप गूगल के बैंडविड्थ कैशिंग क्षमता और अपने आवेदन का उपयोग allways अप टू डेट रहने के साथ

तरह code.google.com पर अपने स्क्रिप्ट संदर्भ डाल सकता है।

कम लिखें, और अधिक करने के ...

+0

Google द्वारा होस्ट किए गए jQuery के 1.2.6 से अधिक नए संस्करण हैं –

0

ठीक है, मैं तुम्हें कुछ कारणों दे देंगे क्यों JQuery WTG (रास्ता गो) है जब यह

  1. XMLHttpRequest के लिए अलग तरह से लागू किया जाता है अजाक्स की बात आती है विभिन्न ब्राउज़रों और आपको अपने स्वयं के सुनने के कार्यों को लिखना होगा।
  2. यदि आप एक गैर-मामूली आवेदन करते हैं, तो JQuery के साथ काम करने वाले कोड की मात्रा आपके द्वारा जावास्क्रिप्ट के साथ काम करने के लिए लिखने वाले कोड से बहुत कम होगी। यह न केवल विकास के समय में कटौती करता है बल्कि शायद आपको तेजी से निष्पादन समय भी देगा।
  3. JQuery डोम और सीएसएस मैनिपुलेशन को आसान बनाता है। आपके पास नरक में एक अच्छा अनुभव करने के लिए 3 गुना अधिक कार्यक्षमता प्राप्त करने का मौका है।

आप JQuery के साथ बांटना करने के लिए तैयार हैं, तो आप के रूप में अच्छी ASP.Net/PHP अस्वीकार और बेहतर प्रदर्शन :)

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