關於自動補全功能的理解

 自己研究的是jquery下的autocomplete
先推幾個網站

1.jQuery UI: http://jqueryui.com/
 
上述有詳盡的autocomplete例子,會對學習有所幫助
例子使用的遠端服務網站是 http://ws.geonames.org 提供的api.

使用自動補全,我自己先想到的就是ajax,本地解析上述例子有詳細介紹。
但是如果需要第三方提供數據的話,不免的要面對一個問題就是跨域。
對於跨域,我自己想到的最簡單的辦法就是本地服務器建立個php請求數據,然後在ajax調用即可免去跨域的麻煩。但是這樣做的弊端就是對造成資源的浪費,相當於建立了一箇中轉站,所以放棄了該辦法。
翻看了一些資料,推薦使用辦法最多的就是jsonp, 同樣jsonp在上述例子中也有使用說明。
有位達人分享了jsonp的原理,特別推薦一下:
通過上述網站介紹相信就可以使用jsonp來跨域訪問數據了。
而本人在調研的是鍵入地址拼音或者漢字,自動補全爲地理位置信息以及獲取到經緯度。
正巧google提供了對應的api服務: 
即自己拼接出url即可獲得json反饋。於是筆者興沖沖的拿着jsonp進行跨域測試,發現chrome報Unexpected token錯誤。我自己猜想難道是密匙的問題,查閱後被否決,繼續放狗查詢。發現一老外有同樣之問題,分享一下:
上面給出的答案是google對於jsonp的否認。
好在google提供了api的文檔,調用即可跨域獲取: 
 
本人菜鳥一枚,總結一下查找工作,便於以後翻閱
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章