我正在尝试做一个练习,我需要为我的网页提供一个 AJAX 提要。由于我的网站是关于书籍的,所以我使用的是Google Books API。不过,我不知道如何显示这本书的标题。这是我到目前为止的代码:
$(document).ready(function(){
var url = 'https://www.googleapis.com/books/v1/volumes?q=:a';
$.get(url, function(data,status){
console.log(data);
var intValue =data.totalitems;
var strOne =data.kind;
var items = data.items;
$.each(items, function( index, value) {
console.log(value.title);
$('#div1').append('<li><div>'+value.title+'</div></li>') });
});
});
});
尝试以下操作
.JS
$.each(data.items, function(entryIndex, entry){
var html = '<div class="results">';
html += '<h3>' + ( entry.volumeInfo.title || '' )+ '</h3>';
$(html).hide().appendTo(".result");
});
.html
<div class="result"></div>