豆瓣api-简单跨域演示

 今天听着豆瓣电台，突然瞅到了开放api,心血来潮，就写了一个小demo~~ 很简单啦

它提供的API非常丰富

唯一的一个知识点：JS跨域

方式之一：

创建script 仿引用第三方库进行操作，数据在回调函数中接收，当然这里是为了简单而使用的方式哈~

 //跨域处理方式一
                    var oScript = document.createElement('script');
                    oScript.src = 'http://api.douban.com/book/subjects?q=' + oW.value + '&alt=xd&callback=fn';
                    document.body.appendChild(oScript);
                    oW.value = '';

    //此处fn函数即为api中callback的回调          
     function fn(data) {
            console.log(data);
            //对data作处理
            //.....
        }

以下是HTML代码

  <header>
        <div>
            <select>
                <option id="book">图书</option>
                <option id="film">电影</option>
            </select>
            <input placeholder="关键字搜书名" class="c" type="text" id="w" />
            <button type="button" id="search" class="c">搜索</button>
            <br /> <span id="res"></span>
        </div>
        <div id="list"></div>
    </header>

两个点：1.API与参数 2.回调函数对数据作处理

打完收工。。。