jQueryを用いて楽天ブックスAPIを導入する

###前提・実現したいこと
jQueryを用いて楽天ブックスAPIを導入した検索サイトを作成しています。
キーワードを入力し、検索ボタンを押して返ってきたデータを確認しようとしたのですが、うまくデータが返ってきていない状態です。

###発生している問題・エラーメッセージ
jQueryコードの関数getItemにおけるconsole.logにてデータの確認を行うと、undefinedと表示される。

###ソースコード

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="UTF-8">
5    <title>api test</title>
6    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
7    <link rel="stylesheet" href="css/reset.css">
8    <link rel="stylesheet" href="css/base.css">
9    <link rel="stylesheet" href="css/style.css">
10</head>
11<body>
12    <div class="wrap">
13        <div class="container">
14            <div class="header">
15                <p class="header__title">Search Books!</p>
16            </div>
17            <div class="search">
18                <div class="search__text">
19                    <input type="text" id="js-search-word" class="search__text__input" name="keyword" value="" placeholder="検索する">
20                </div>
21                <button id="js-search-button" class="search__btn">検索する</button>
22            </div>
23            <ul class="lists">
24                
25            </ul>
26        </div>
27    </div>
28    <script src="js/jquery.js"></script>
29    <script type="text/javascript">
30       // ここに以下のjQueryのコードが入ります。
31    </script>
32</body>
33</html>

jQuery
1$(function(){
2    $("#js-search-button").on("click", function(){
3        $word = $("#js-search-word").val();
4
5        ajaxSearch($word);
6    });
7
8    function ajaxSearch(word){
9        $.ajax({
10            type: 'get',
11            url: 'https://app.rakuten.co.jp/services/api/BooksTotal/Search/20130522?',
12            data: {
13                applicationId: 'すでに習得済み',
14                keyword: encodeURIComponent(word),
15                format: 'json',
16                hits: '20',
17                page: '1'               
18            }
19        }).done(function(data){
20            getItem();
21        });
22    }
23
24    function getItem(data){
25        console.log(data);
26    }
27});

###補足情報(言語/FW/ツール等のバージョンなど)
まだまだ初心者として勉強中のため、どの箇所に原因があり、うまくできていないのかよくわからない状態です。データをきちんと得るためのアドバイスをよろしくお願いします。

行動規範の内容に同意します

回答2件

getItemにdataを引き渡してあげてください。

    }).done(function(data){
        getItem(data);
    });

投稿2016/03/08 02:30

y.o

総合スコア27

vnsa7221

2016/03/08 06:26

dataを入れたらうまくデータが表示させることができました！単純なミスに気付けなかった自分が恥ずかしいです・・・。ありがとうございました！

行動規範の内容に同意します

ベストアンサー

下記、getItem()にdataを渡していませんよ

js
1        }).done(function(data){
2            getItem(); // getItem(data)に修正する
3        });
4    }
5
6    function getItem(data){
7        console.log(data);
8    }