ajax in action type-ahead suggest

《ajax in action type-ahead suggest》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、iTePub.Net-CollectType-aheadsuggestThischaptercovers■Type-aheadsuggest■Cachingsearchresultsontheclient■Ricolibrary■Prototypelibrary■JavaScriptapply()function■Parameterizingcomponents361LicensedtojonathanzhengiTePub.Net-Collect362CHAPTER10Type-ahe

2、adsuggestType-aheadsuggestisoneofthemainapplicationsofAjaxthathashelpedputAjaxintothemainstreamworldofprogramming.GoogleSuggestamazedpeo-pleastheydiscoveredalistofchoosablesuggestionsappearingwhiletheyweretyping(andevennow,severalmonthslater,itstillgivesabuzz).Itisa

3、sifalittlehelperissittingnexttoyouandtellingyouwhatyouarelookingfor.Somepeo-plefirstthoughttheywerestoringvaluesonthepage,andothersthoughttheywereusingahiddenIFrametogetthedata.GooglewasactuallyusingtheXMLHttpRequestobjecttoobtainthevaluesforeachkeystroke.Inthischap

4、ter,you’lllearnhowtosendAjaxrequestswhiletheuseristyping.Wealsoexaminetheflawsoftheavailabletype-aheadsuggestimplementationsandfindwaystoavoidthesepitfallsinourapplication.Atfirstwetakealow-levelapproachthatiseasytounderstand.Afterwegetourapplicationfunctioning,were

5、examineitatahigherlevel,anduseanobject-orientedapproachtogainmoreflexibilityandusability.Beforewebuildtheapplication,though,let’stakeaquicklookatsomeofthetypicaltype-aheadsuggestfeatures,andhowwewilldesignourapplicationtousethebestofthosefeatures.10.1Examiningtype-a

6、headapplicationsSinceAjaxhasbecomepopular,thetype-aheadsuggesthasbeenoneofthemostsought-afterpiecesofcode.Manypeoplehavecreateddifferentversionsofthetype-aheadsuggestthathandletheinteractionwiththeserverinmanyways.Alotofthesolutionsouttherehaveflaws,whileothersgoway

7、overboard.Wefirsteval-uatesomeofthefunctionalityinmanytype-aheadsuggestapplicationsandthentakeaquicklookatGoogleSuggest.Afterthat,we'lldesignourapplication.10.1.1Commontype-aheadsuggestfeaturesNumeroustype-aheadapplicationsareavailable,frombasictoadvanced.Eachofthem

8、doesthesamebasicthing;somehavefancyinterfaceswithfadingtransitioneffects.Ifyoudoasearchfor“type-aheadsuggestAjax,”youwillfindplentyofexamp