help.hybris.com和help.sap.com網站的搜尋實現

i042416發表於2018-04-23

help.hybris.com

我使用help.hybris.com時,發現每次在搜尋欄輸入文字時,沒有發出任何HTTP請求,那麼這個自動完成的下拉框裡的記錄從哪裡來的?我看了下實現,發現所有自動完成下拉框裡的記錄都是硬編碼在searchsuggestion.js裡:

help.hybris.com和help.sap.com網站的搜尋實現

Hybris help網站只用了bootstrap框架:

help.sap.com

在搜尋框裡輸入字元後,會發起HTTP請求,透過AJAX取回匹配的記錄,渲染在UI上實現自動完成功能。

help.hybris.com和help.sap.com網站的搜尋實現
help.hybris.com和help.sap.com網站的搜尋實現

用的angular框架, 在我測試時(2018年1月12日)版本號v1.4.8

help.hybris.com和help.sap.com網站的搜尋實現

要獲取更多Jerry的原創技術文章,請關注公眾號"汪子熙"或者掃描下面二維碼:

help.hybris.com和help.sap.com網站的搜尋實現
help.hybris.com和help.sap.com網站的搜尋實現

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/24475491/viewspace-2153213/,如需轉載,請註明出處,否則將追究法律責任。

相關文章