使用jQuery Ajax调用豆瓣API

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/muyiyushan/article/details/66476505

输入ISBN,点击get book按钮,获得图书信息。

<html>
<head>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#b01").click(function(){
    var url="https://api.douban.com/v2/book/isbn/"+$("#input_isbn").val()
    var img_url=""
    $.ajax({
        url: url,
        type: 'GET',
        dataType: 'JSONP',//here
        success: function (data) {
          console.log(data);
          $("#title").val(data.title);
          $("#author").val(data.author[0]);
          $("#publisher").val(data.publisher);
          $("#pages").val(data.pages);
          $("#binding").val(data.binding);
          $("#summary").val(data.summary);
          $("#pubdate").val(data.pubdate);
          $("#image").attr("src",data.images.medium);
      }
    });

  });
});
</script>
</head>
<body>
输入isbn:<input type="text" id="input_isbn" value=""><br/>
<button id="b01" type="button">get book</button><br/>
书名:<input type="text" id="title"><br/>
作者:<input type="text" id="author"><br/>
出版社:<input type="text" id="publisher"><br/>
出版日期:<input type="text" id="pubdate"><br/>
页面:<input type="text" id="pages"><br/>
封皮:<input type="text" id="binding"><br/>
简介:<textarea id="summary" rows="10" cols="30"></textarea><br/>
封面:<div id="images"><img id="image" src=""></div>

</body>
</html>

猜你喜欢

转载自blog.csdn.net/muyiyushan/article/details/66476505
今日推荐