Question

这是我的快递应用代码

app.get('/books',function(req,res){
    var {keyword} =req.query;
    connection.query('SELECT * from books', function (error, results, fields) {
        if (error) throw error;
        for(let result of results){
            if(result.title === keyword){
                res.send(result);
            }
        }
    });
});

我要求的网址是http://......../books/keyword=intro。其中intro是用户输入。

我想在这里实现的是来自HTML中的输入，获取该信息并将其发送到我的API，这样它就可以查询我的数据库并获得我想要的内容。

但是我收到404错误，所以我猜我的api配置不正确。

有没有更好的方法来实现我正在做的事情？

keyword=intro甚至是查询我的数据库的正确方法。

我的HTML就像这样

<!DOCTYPE html>

</head>




<body>
    <div id="data"> 
        <input type="button" id="button" value="Click"/>
        <input type="text" id="search" >
    </div>
    <div id="search">

    </div>

    <script>
        document.getElementById('button').addEventListener('click',getUserInput);
        function getUserInput(event){
            var userInput = document.getElementById("search").value;
            if(userInput !== ""){
                httpGetAsync(userInput);
            }
        }

        function httpGetAsync(searchTerm){
            var theUrl = 'books?keyword=' + searchTerm;
            const xhttp = new XMLHttpRequest();
            xhttp.open("GET", theUrl, true); // true for asynchronous 
            xhttp.send(null);
            xhttp.onreadystatechange = processRequest;

            function processRequest() {

                if (xhttp.readyState == XMLHttpRequest.DONE);
                var result = JSON.parse(xhttp.response);
                console.log(result);
        }}

    </script>

</body>

Answer 1

在httpGetAsync函数中替换

var theUrl = 'books/keyword=' + searchTerm;

使用：

var theUrl = window.location + '/books/keyword=' + searchTerm;

Answer 2

这个答案更多的是评论，除非它是可以接受的。我想写的陈述太长，无法发表评论。

关于我的回答是，编写准备好的声明模型的有效方法是什么？我如何编写我的SQL模型是这样的，它工作正常。您是否从SQL语法中收到任何错误？

注意selectBooks: function(data, callback) { let keyword = "%" + req.query + "%"; connection.query("SELECT * FROM books WHERE title LIKE ?", [keyword], callback); }之后的括号。

＆＃13;

function mapA<T, U>(source: T, selector: (v: NonNullable<T>) => U) {
    return (source == null || source === undefined) ? undefined : selector(source!);
}
const mapAResult = mapA(2, i => i * i); // Type is number | undefined

＆＃13;

无法在express.js中获取所请求的API

2 个答案: