Search form + request by JS + json + AJAX?

Question

PHP

Hello.

There are:
1) my site has a simple API, json is issued upon request.
2) the site has a search form for something

I want to do the following:
1) When entering each character in the form, a request is sent to my site (let it be site.ru/api/search?q=123)
2) Just below the form, the found one is loaded content from the 1st point

Are there ready-made solutions or libraries? Thank you!

Answer 1

Use the onChange event

$(document).ready(function(){
    $(".matchedit").on('input', function postinput(){
        var matchvalue = $(this).val(); // this.value
        $.ajax({ 
            url: 'matchedit-data.php',
            data: { matchvalue: matchvalue },
            type: 'post'
        }).done(function(responseData) {
            // подгружаете контент (responseData) в HTML
        }).fail(function() {
            console.log('Failed');
        });
    });
});