小说采集工具

<div id="results"></div>

<script>
    document.getElementById("searchForm").addEventListener("submit", function(event) {
        event.preventDefault();
        var option = document.getElementById("option").value;
        var key = document.getElementById("key").value;
        var from = document.getElementById("from").value;
        var size = document.getElementById("size").value;

        fetch(`https://api.pingcc.cn/fiction/search/${option}/${key}/${from}/${size}`)
            .then(response => response.json())
            .then(data => {
                var resultsDiv = document.getElementById("results");
                resultsDiv.innerHTML = "";
                data.forEach(book => {
                    var bookDiv = document.createElement("div");
                    var title = document.createElement("h3");
                    title.innerText = book.title;
                    bookDiv.appendChild(title);

                    var author = document.createElement("p");
                    author.innerText = '作者：' + book.author;
                    bookDiv.appendChild(author);

                    var category = document.createElement("p");
                    category.innerText = '分类：' + book.category;
                    bookDiv.appendChild(category);

                    var intro = document.createElement("p");
                    intro.innerText = '简介：' + book.intro;
                    bookDiv.appendChild(intro);

                    resultsDiv.appendChild(bookDiv);
                });
            })
            .catch(error => {
                console.log(error);
            });
    });
</script>