JQuery AJAX вывод результатов поиска - PullRequest
0 голосов
/ 02 марта 2019

У меня возникла проблема, когда я что-то искал и нажал кнопку поиска, это не показывает вывод. Как я должен получить результаты, когда результаты поиска jquery ajax.Я использую inteilj

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>mainpage</title>
    <script src="jquery-3.3.1.min.js"></script>
</head>
<body>
<form>
    <input id="mysearch"text="text"  placeholder="Search...">
    <button id="search" >Search </button>
</form>
<ul id="movies">
    <li id="result"></li>
</ul>
<script type="application/javascript" >
    $(document).ready(function(){
        $('#search').onkeypress(function(){
            $.ajax({
                url: 'http://localhost:8080/api/movies',
                method: 'GET',
                dataType: 'json',
                success: function(data){
                    $.each(data, function(index, val){
                        $('#movies').append($('<li>').text('title: ' + val.title + ', year: ' + val.year  ));
                    });
                }
            });
        });
    });
</script>  
</body>
</html>

Ответы [ 2 ]

0 голосов
/ 03 марта 2019

Ваше событие должно быть .keypress, а не .onkeypress

0 голосов
/ 03 марта 2019

используйте onClick прослушиватель событий, чтобы ваш сценарий стал

<script type="application/javascript" >
    $(document).ready(function(){
        $('#search').on('click',function(){
            $.ajax({
                url: 'http://localhost:8080/api/movies',
                method: 'GET',
                dataType: 'json',
                success: function(data){
                    $.each(data, function(index, val){
                        $('#movies').append($('<li>').text('title: ' + val.title + ', year: ' + val.year  ));
                    });
                }
            });
        });
    });
</script> 
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...