javascript - 点击时使用 Google Books API 获取 JSON 数据

Question

我正在从 Google 图书获取 JSON 信息。当用户输入书名时，Google 图书的推荐会作为列表加载。如果用户单击推荐的标题，则该值将被放入输入字段中，并通过提交按钮将单击的标题插入数据库中。但是，还有有关单击的书籍的附加信息，我需要获取这些信息，但不得显示它(因此我无法使用 .val() 获取它)。因此，我需要获取单击元素的 item.volumeInfo.industryIdentifiers[1].type 作为变量。我该如何实现这个？

    var request = 'https://www.googleapis.com/books/v1/volumes';
    $('#myTextArea').on('keyup', function(){
        var keywords = $(this).val();
        if(keywords.length > 0 ){
              $.getJSON(request + '?q=' + keywords, function(response){

        for (var i = 0; i < response.items.length; i++) {
            var item = response.items[i];


document.getElementById("outputdiv").innerHTML += "<br>" + "<div class='itembook' >" + item.volumeInfo.title + "</div>" ;

     $(".itembook").click(function(){
             $('#myTextArea').val('');
             var itemsc = $(this).text();
             $('#myTextArea').val($('#myTextArea').val() + itemsc);

            });

          }
          });

        }
    });

Answer 1

不确定您真正想要什么:(您可以提供更清晰的描述吗

如果用户点击一本书，需要获取接收到的json的具体值，在渲染的瞬间(for):

//save it in the DOM object with a "data" html attribute.
document.getElementById("outputdiv").innerHTML += "<br>" + "<div    class='itembook' data-type='"+ item.volumeInfo.industryIdentifiers[1].type +"' >" + item.volumeInfo.title + "</div>" ;

然后在您的点击事件中，您可以定义:

var type = $(this).data("type");

这样，值(value)将被隐藏，但您仍然可以获得这本书的值(value)。´

我是否误解了这个问题？如果很抱歉。