功能: 我可以在一個搜索框搜索維基百科的條目,並看到輸出結果。
功能: 我可以點擊一個按鈕就看到一個隨機的維基百科條目。
提示 #1: 這個URL可以讓你獲得一個隨機的維基百科條目:http://en.wikipedia.org/wiki/Special:Random.
提示 #2: 這是你使用維基百科API的入口: http://www.mediawiki.org/wiki/API:Main_page.
需要解決的功能:
- 搜索框,搜索條目,輸出結果
答:<input type="text" placeholder="搜索框裏的字" ng-model="searchTerm" ng-change="searchWikipedia">
輸出結果用 div class=”columns”來表示,再加入ng-repeat=”result in results”完成
- 點擊按鈕,出現隨機wiki條目(功能類似random quote machine)
答:這個簡單,添加一個<a href="">
就可以了
.ajax的跨域問題解決,或者angularJS的程序書寫格式, http.jsonp爲什麼無法獲取?
答:根據互聯網的同源策略,不同域名、不同端口、不同協議均爲不同源,本源的JS腳本不能操作其他源的頁面對象。使用Jsonp完成跨域,這是一種非正式協議,可以通過建立<script>
標籤的形式引入js文件,因爲這樣引用的JS文件內容不會被客戶端的JS獲取到,不會影響文件內容安全。
jsonp由兩部分組成,Json數據和返回函數。Json數據作爲參數被包進那個callback=”xxx”的函數裏去,即“xxx的參數爲json數據。
function的名字就是xxx,也可以用動態應用的方式操作數據,success(function(data){
//….})angularjs中app.controller中只要一個函數執行成功就不執行其他函數了?兩個函數是必須嵌套嗎?
- ng-change只能有一個函數運行嗎? 或者說只要有錯誤的就不運行,(把錯誤的searchImage()放前面後面均不運行)
<div class="small-8 small-offset-2 medium-6 medium-offset-3 large-4 large-offset-4 columns">
這是什麼的定義方式? 它可以使能點擊的地方也侷限在裏面,而用CSS變出來的框,在框外還是可以點擊。(應該是跟CSS有關的)document.getElementById('wikipedia').classList.remove('vertical');
確定id爲“wikipedia”的元素,然後移除掉它的類’vertical’