autosuggest

स्वतः खोज या स्वत: पूर्ण फ़ील्ड फ़ील्ड ग्राहकों के काम को सुविधाजनक बनाने के लिए एक उत्कृष्ट उपकरण है, जो प्रपत्रों में समान या डुप्लिकेट डेटा की खोज करते हैं। Google को दिए गए धन्यवाद के सुझाव से परिचित हुए, इस तकनीक ने वेब डेवलपर्स के बीच तेजी से समर्थन पाया और उन लोगों के लिए समस्याएँ जोड़ दीं, जो सूचना प्रणालियों की स्थिरता और वास्तुकला के लिए जिम्मेदार हैं, मोटे तौर पर पूर्ण-पाठ डेटाबेस खोज पर बढ़ते भार के कारण। इस लेख में मैं BrandSpankingNew से तैयार समाधान पर विचार करता हूं , जो शायद कई पहले से ही iconfinder.net पर देख सकते हैं, और अब aleria.net पर ।BSN Autosuggest 2.1.3 केवल css, images और js-processor का एक सेट है। स्थापना बहुत सरल है। आवश्यक इनपुट फ़ील्ड में एक आईडी पैरामीटर होना चाहिए। उसके बाद js और css लोड किए जाते हैं। बहुत अंत में, एक इनिशियलाइज़िंग ऑब्जेक्ट बनाया जाता है, जो बदले में, ईवेंट को फ़ील्ड से बांधता है और खोज अनुरोध के लिए उत्पन्न प्रतिक्रिया प्राप्त करने के सभी काम करता है। सेटिंग के साथ प्रारंभिक ऑब्जेक्ट: var suggest = new bsn.AutoSuggest('search_input', {

script:"search.php?",

varname:"q",

json:true,

shownoresults:false,

maxresults:5

});



var suggest = new bsn.AutoSuggest('search_input', {

script:"search.php?",

varname:"q",

json:true,

shownoresults:false,

maxresults:5

});



जैसा कि आप सेटिंग से देख सकते हैं, हम ऑटोफिल को search_input फ़ील्ड से बाँधते हैं, और संपूर्ण खोज प्रक्रिया search.php स्क्रिप्ट द्वारा की जाती है। यह JSON और XML प्रारूप दोनों में परिणाम उत्पन्न कर सकता है, लेकिन चूंकि सार्वभौमिक आउटपुट (आईडी, मूल्य, जानकारी को js में फ्लैश किया गया है) की कोई आवश्यकता नहीं है, JSON को JSON में पूरी तरह से php ऑब्जेक्ट्स को पूरी तरह से बदलने के बिना तारों की तरह ही उत्पन्न किया जा सकता है। JSON प्रारूप में खोज परिणाम:

  <code> {परिणाम: [<br /> {id: "1", मूल्य: "Foobar", जानकारी: "चेशायर"}, <br /> {id: "2", मूल्य: "Foobarfly", जानकारी: "श्रॉपशायर"}, <br /> {आईडी: "3", मूल्य: "फोबार्नकल", जानकारी: "एसेक्स"} <br />]} </ code> 

शब्द का आकार कम से कम 3 अक्षरों तक सीमित रखना याद रखें। स्क्रिप्ट अपने आप में एक div उत्पन्न करेगा और इसे फ़ील्ड के नीचे सेट करेगा, और फिर आप उचित परिणाम का चयन करने के लिए कुंजियों को दबा सकते हैं।