Реализация поиска в js

Я пытался реализовать некоторые функции поиска. Мне нужна программа для чтения области поиска и перенаправления пользователя на страницу с результатами. Вот мой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, я решил, что при передаче требуемых данных нет проблем, однако я не могу отобразить страницу поиска, после получения данных из getBySubtitle (). Любые идеи, что может быть причиной этого? Заранее спасибо.

javascript,express,

0

Ответов: 0

Реализация поиска в js

Я пытался реализовать некоторые функции поиска. Мне нужна программа для чтения области поиска и перенаправления пользователя на страницу с результатами. Вот мой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, я решил, что при передаче требуемых данных нет проблем, однако я не могу отобразить страницу поиска, после получения данных из getBySubtitle (). Любые идеи, что может быть причиной этого? Заранее спасибо.

00JavaScript, экспресс,
Похожие вопросы