0

我怎样才能使这段代码工作，问题是我似乎无法访问返回的数据，我知道它连接到服务器，但由于某种原因它不起作用，例如，我尝试提取标题但什么也没有出现。

$.ajax({
        url : "https://www.googleapis.com/books/v1/volumes?q=harry+potter",
        dataType : "jsonp",
        async : true,
        //if ajax call succeeds perform this action
        success : function(result) {
            ajax.parseJSONP(result);
        },
        //if there is an error to the ajax call perform this action
        error : function(request, error) {
            alert('Network error has occurred please try again!');
        }
    });
    //parseJsonP and add new elements to list-view 
    var ajax = {
        parseJSONP : function(result) {
            //iterate each returned item 
            $.each(result, function(i, row) {
                $('#listview_test').append('<li><h3>' + row.volumeInfo.title + '</h3></a></li>');
            }); //end iteration of data returned from server and append to the list
            $('#listview_test').listview('refresh'); // refresh the list-view so new elements are added to the DOM
        }
    }

我的困惑在于回调方法，在他们的示例 Books API 中有一个如下所示的代码，但我不明白这部分q=harry+potter&callback=handleResponse，如何在使用 $.ajax 方法时做到这一点。尝试理解所有部分但仍然很困惑？

<body>
    <div id="content"></div>
    <script>
      function handleResponse(response) {
      for (var i = 0; i < response.items.length; i++) {
        var item = response.items[i];
        // in production code, item.text should have the HTML entities escaped.
        document.getElementById("content").innerHTML += "<br>" + item.volumeInfo.title;
      }
    }
    </script>
    <script src="https://www.googleapis.com/books/v1/volumes?q=harry+potter&callback=handleResponse"></script>
  </body>
4

1 回答 1

2

尝试替换以下代码：

$.each(result, function(i, row) {

对于这个：

$.each(result.items, function(i, row) {

根据谷歌示例代码，数据位于items返回对象中调用的数组中。

于 2013-05-31T18:05:52.180 回答