我试图从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/

10-11 09:31