openNAMU__openNAMU/views/marisa/js/search.js

window.onload = function () {
    var before = '';
    setInterval(function() {
        var data = document.getElementById("search_input").value;
        if(before !== data && data !== '') {
            before = data;
            var url = "/api/search/" + encodeURI(data) + "?num=10";
        
            var xhr = new XMLHttpRequest();
            xhr.open("GET", url, true);
            xhr.send(null);
            
            xhr.onreadystatechange = function() {
                if(this.readyState === 4 && this.status === 200) {
                    document.getElementById("pre_search").style.display = 'block';

                    var get_data = JSON.parse(this.responseText);
                    document.getElementById("pre_search").innerHTML = '';

                    if(this.responseText !== "{}\n") {
                        for(key in get_data) {
                            document.getElementById("pre_search").innerHTML += '<a href="/w/' + encodeURI(get_data[key][0]) + '">' + get_data[key][0] + '</a><br>';
                        }
                    } else {
                        document.getElementById("pre_search").style.display = 'none';
                    }
                }
            }
        } else if(before !== data && data === '') {
            before = '';
            document.getElementById("pre_search").style.display = 'none';
        }
    }, 1000);
}