एसिंक्रोनस डेटा लोडिंग Backbone.js

शुभ दोपहर मैं इस बारे में लेख लिखना जारी रखूंगा कि आपको काम के दौरान Backbone.js पर क्या लिखना था और आपका क्या सामना हो सकता है। आज हम एसिंक्रोनस डेटा लोडिंग के बारे में बात करेंगे, या डेटा जो हमें अक्सर साइट पर चाहिए।

मान लें कि आप किसी साइट (चित्र, पाठ, ऑडियो) पर विभिन्न प्रकार के डेटा जोड़ सकते हैं, लेकिन इन प्रकारों का विस्तार हो सकता है। संभव प्रकार डेटाबेस में संग्रहीत हैं। हर बार आधार से प्राप्त करना बहुत महंगा है। हमें इसे प्राप्त करने और एक बार उपयोग करने की आवश्यकता है।

इसलिए हम डेटा लोड करते हैं:

app.models.dataTypes = new DataTypesCollection(); app.models.dataTypes.fetch(); 

अब हम उपयोगकर्ता को कहीं भी app.models.dataTypes दिखाते हैं। लेकिन हमारे पास एक पंचर हो सकता है, क्या होगा यदि उपयोगकर्ता तुरंत उस पृष्ठ पर जाता है जहां हमें इस क्षेत्र की आवश्यकता है? ऐसा करने के लिए, डेटा प्राप्त होने वाली घटना बनाएँ।

 app.models.dataTypes = new DataTypesCollection(); app.models.dataTypes.fetch({ success: function() { Backbone.history.trigger("dataTypesLoaded"); } }); 

अब हमें इस घटना को "पकड़ने" की आवश्यकता है। इसके लिए, मैंने एक फ़ंक्शन लोडडेटाटाइप्स लिखा, जो एक पैरामीटर के रूप में उस स्थान पर ले जाता है जहां आप डेटा ( स्थान ) रखना चाहते हैं। क्योंकि मुझे एक पृष्ठ पर कई स्थानों पर इस ब्लॉक को प्रदर्शित करना है। (डेटा जोड़ना और संपादित करना एक पृष्ठ पर होता है)।

 function loadDataTypes(place) { place.empty(); //   var addDataTypes = function() { //    _.each(app.models.dataTypes.models, function(item) { item.set("value", item.get("data_type_code")); item.set("text", item.get("data_type_name")); var selectItem = new SelectItemView({ //   option el: place, model: item }); selectItem.render(); //  }); } if (app.models.dataTypes.models.length != 0) { //   addDataTypes(); } else { //   , "" . Backbone.history.on("dataTypesLoaded", addDataTypes); } } 

इस प्रकार, हम डेटा को लोड करते हैं, उदाहरण के लिए, पहले लोड पर और फिर इसे सही स्थानों पर जारी करते हैं। हम किसी भी नंबर पर कॉल कर सकते हैं।

लेकिन आम तौर पर बोलते हुए, हमारे पास ऐसे क्षेत्रों की एक बड़ी संख्या हो सकती है। सभी क्षेत्रों के लिए, हम समान फ़ंक्शन लिखते हैं और सभी डेटा आउटपुट के साथ अतुल्यकालिक रूप से लोड किए जाएंगे। उपयोगकर्ता यह भी ध्यान नहीं देगा कि सब कुछ कितनी जल्दी लोड हो गया।

फायदे से, हमें यह मिला कि हम सर्वर से केवल एक बार डेटा लेते हैं और फिर जितना चाहें उतना उपयोग करते हैं। इस प्रकार, उपयोगकर्ता को नुकसान पहुंचाए बिना।

PS यदि आपको SelectItemView के विवरण की आवश्यकता है , तो लिखें, मैं जोड़ सकता हूं, लेकिन वहां सब कुछ तुच्छ है।