Пример работы с XmlHttpRequest

Последнее время все больше разработчиков уходит от jquery, т.к. библиотека очень сильно разрослась в объеме и теперь просто мешает в сео, своим размером, даже минимизированый файл бесит около 100кб. Поэтому многие разрабы используют стандартный функционал, для этого можно воспользоваться стандартным объектом XmlHttpRequest

    document.getElementById("get-data").addEventListener("click", function(event){
        event.preventDefault();
        var type = document.getElementById("blogsearch-type").value;
        var search = document.getElementById("blogsearch-search").value;
        var params = { type: type, search: search, _csrf: "request->csrfToken?>"};
        var xhttp = new XMLHttpRequest();

        xhttp.onload = function () {
            if (this.readyState == 4 && this.status == 200) {
                //document.getElementById("result").innerHTML = JSON.parse(xhttp.responseText);
                console.log(JSON.parse(xhttp.responseText));
            }
        };
        xhttp.open("POST", "search/ajax", true);
        xhttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");
        xhttp.setRequestHeader("X-CSRF-Token", "request->csrfToken?>");
        xhttp.send(JSON.stringify(params));
    });

Наверх