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
        }
    }

私の混乱はコールバックメソッドにありますq=harry+potter&callback=handleResponse.Books APIの例では、次のようなコードがあります. すべての部分を理解しようとしましたが、まだ非常に混乱していますか?

<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