在js中实现搜索

Question

我一直在尝试实施一些搜索功能。我需要程序来读取搜索区域并将用户重定向到包含结果的页面。这是我的search.ejs

   <script>
            function executeSearch($this) {
                    console.log('button clicked');
                    let request_data = document.getElementById('search-area').value;
                    console.log("Request data : " + request_data);
                    $.post("search", {subtitle: request_data}, function(json) {
                console.log('requested access completed');   
            })
            }
    </script>
            <input id="search-area" type="search" value="" placeholder="Enter movie title" />
            <button onclick="executeSearch(this)" class="details-button">Search</button>


            <ul class="search-list">
                    <% for(let i=0; i< movieList.length; i++) { %>
                            <li class="single-search-result">
                                    <h3 class="text-light">
                                            <%=movieList[i].title%>
                                    </h3>
                                    <br>
                            </li>
                            <% } %>
            </ul>

这是处理请求的代码：

app.post('/search', (req, res) => {
movie_controller.getBySubTitle(req.body.subtitle)
    .then(result => {
        res.render('search', {
            movieList: result
        });
    })
    .catch(err => {
        console.log(err);
        res.render(500);
    })});

通过使用console.log，我确定在传输所需数据时没有任何问题，但我无法呈现＆＃39;搜索＆＃39;从getBySubtitle（）获取数据后的页面。有什么想法可以导致这个？提前谢谢。