使用jsonP实现豆瓣图书的搜索

本次用到的jsonP接口:

  1. 请求回调与与关键词匹配的内容
    http://api.douban.com/book/subjects?q=关键词&alt=xd&callback=回调函数(fn1)

2.设置每页显示条数(max-result)、起始索引(start-index)
http://api.douban.com/book/subjects?q='+oWd.value+'&alt=xd&callback=fn1&start-index=返回的起始(默认为1)&max-results=每页显示的条数(默认为10)

html代码:




    


    CSS代码:

    
    

    js代码:

    
    

    效果图:

    搜索结果:


    使用jsonP实现豆瓣图书的搜索_第1张图片
    搜索结果

    翻页:

    使用jsonP实现豆瓣图书的搜索_第2张图片
    翻页

    你可能感兴趣的:(使用jsonP实现豆瓣图书的搜索)