我试图从ISBNdb API提交用户表单时提取图书数据。我根据需要在URL中使用JSON。截至目前,我正在使用表单按books category进行搜索(请参阅下半页)。输入搜索字词时,控制台中出现2个错误:
资源被解释为脚本,但以MIME类型传输
文字/纯文字:
“ http://isbndb.com/api/v2/json/J6FR9HT6/books?jsoncallback=jQuery1111037271023145876825_1404698815454&q=science&_=1404698815455”。
jquery.min.js:4未捕获的SyntaxError:意外令牌:
我看到了我期望的q=science
,但是jQuery似乎要添加的所有其他内容是什么?任何帮助表示赞赏!
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<title></title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$('form').submit(function (event) {
event.preventDefault();
var searchTerm = $('#search').val();
// the AJAX part
var isbndbAPI = 'http://isbndb.com/api/v2/json/J6FR9HT6/books?jsoncallback=?';
var bookOptions = {
q: searchTerm
};
function displayBookData(data) {
var bookHTML = '<ul>';
$.each(data.data,function(i,book) {
bookHTML += '<li>';
bookHTML += book.title;
bookHTML += '</li>';
}); // end each
bookHTML += '</ul>';
$('#book-results').html(bookHTML);
}
$.getJSON(isbndbAPI, bookOptions, displayBookData);
}); // end submit
}); // end ready
</script>
</head>
<body>
<form>
<label for="search">Type a search term</label>
<input type="search" name="search" id="search">
<input type="submit" value="Search" id="submit">
</form>
<div id="book-results"></div>
</body>
</html>
更新
似乎可以接收JSON了,我可以在控制台中看到结果。仍然感到困惑,因为这对我来说是全新的。另外,我也可能无法正确将其显示为HTML。
最佳答案
原始帖子中的url
不包含api所需的参数:error: "'query' or 'q' is a required parameter"
见ISBNdb API -- Version 2
请求网址:http://isbndb.com/api/v2/xml/mykey/books?q = science
尝试
$.getJSON("https://query.yahooapis.com/v1/public/yql?q=select"
+"* from json where url='http://isbndb.com/api/v2/json/J6FR9HT6/books?q=science'"
+"&format=json&diagnostics=true&callback=?"
, function(data, textStatus, jqxhr) {
console.log(data.query.results.json.data);
$.each(data.query.results.json.data, function(index, value) {
$("<li>", {"text" : value.title +", "
+ (value.author_data
? (value.author_data.name
? value.author_data.name
: value.author_data.id)
: void(0)) }).appendTo("ul");
});
})
.fail(function(jqxhr, textStatus, errorThrown) {
console.log(textStatus, errorThrown);
});
jsfiddle http://jsfiddle.net/guest271314/bZBLf/
关于javascript - 带有ISBNdb的JSONP,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24602341/