Question

我正在尝试向Google图书api发出请求，我一点经验都没有，我不知道为什么不起作用，也许您可以给我一些建议。

到目前为止，我的代码：

我的html文件：

<!DOCTYPE html>
<html>
<head>
    <title>MyBookList</title>
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">
</head>
<body>

    <div id="search">
        <form id="bookForm">
            <label for='bookSearch'>Search for a book!</label>
            <input type="search" id="bookSearch" name="bookSearch">
            <button>Search</button>
        </form>
    </div>

    <div id="searchResult"></div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript" src="assets/js/app.js"></script>
</body>
</html>

我的js文件：

$(document).ready(function(){
    $('#bookForm').submit(function(){
        const value = $('bookSearch').val();
        if(value == ''){
            alert('asd');
        } else {
            let title = '';
            let img = '';
            let authors = '';

            $.get(`https://www.googleapis.com/books/v1/volumes?q=${value}`, function(e){
                console.log(e);
            });
        }
    });
    return false;
});

当我console.log e时，它在控制台中什么也不会返回，而是“已导航到file：/// C：/Users/Mark/Desktop/WD/Book%20api/index.html？bookSearch = ds”

Answer 1

我认为您正在检查if语句' search '中的错误值。

我已经稍微修改了您的代码。试试这个代码段。

<iframe>

$(document).ready(function () {
    $('#bookForm').submit(function (e) {
        e.preventDefault();
        const value = $('bookSearch').val();
        if (value == '') {
            alert('asd');
        } else {
            let title = '';
            let img = '';
            let authors = '';

            $.get(`https://www.googleapis.com/books/v1/volumes?q=${value}`, function (e) {
                $('#searchResult').html(e.kind);
            });
        }
    });
    return false;
});

G.Books API请求

1 个答案: