功能: 我可以在一个搜索框搜索维基百科的条目,并看到输出结果。
功能: 我可以点击一个按钮就看到一个随机的维基百科条目。
提示 #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’