Именно на тази технология работи с всички съвременни Single Page кандидатстване.
Той използва XMLHttpRequest. От името си човек би си помислил, че той може да работи само с XML, но това не е така. Тя може да работи с всички данни.
За да obraschatsya сървъра за данни, да се създаде API с данни от изпитвания, използващи mocky.io услуга.
Тук имам данни JSON
Поставете я в искането за тяло и предварително режим, изберете
За всеки домейн може да obraschatsya на този API.
Кликнете върху Генериране на отговор и да получите линк към нашия API.
Първо трябва да се създаде нова ekzemplyar XMLHttpRequest.
Сега искаме да конфигурирате URL
За тази цел, ние призоваваме XHR отворен метод на преминаване към тип заявка, URL и дали искането е асинхронен. Разбира се, ние искаме да асинхронно. Никога не използвайте синхронни заявки, тъй като блокира продължение сценария. В 99 от общо 100 случая не е нужно да.
Не мислете, че xhr.open запитвания. Въпреки, че името е подобен. Той го само конфигурира. За да изпратите молбата си с xhr.send
Нашето искане е изпратено, но не можем да обработим на получените данни. Това ще ни помогне специален метод onreadystatechange
Вътре метода ние проверяваме readyState е 4, за да видите, когато тя бъде изпълнена. Докато readyState долу четири, разговорът приключи. Идва началото на искането, получи указания, зареждане на тялото и след това да я изпълним.
Сега нека добавим проверка за грешки и на изхода на резултатите на конзолата
Както можем да видим, резултатът се показва като низ, така че имаме нужда от повече и да го направи разбор на JSON
Какви са основните недостатъци на XMLHttpRequest и защо всеки използва Аякс с JQuery, за да получите данни или индивидуален библиотека за този пример superagent или Аксиос.
Първият недостатък - това е, разбира се, в размер на код. Във всеки от метода на спомагателни библиотека за работа с HTTP заявки много по-кратък.
Второ - е липсата на Promise при използване на XMLHttpRequest. Ние не можем да пиша .След това, да се предадат към функцията и да изпълни това, което искаме, когато тя бъде изпълнена. Ето защо, този код е неудобно да работят.
Трето - това е съвместимост различни браузъри. Дори и IE 10-11 XMLHttpRequest не работи в други браузъри.
Независимо от това, да се разбере и да се помни, който се изпълнява в нужда, въпреки че е малко вероятно, че ще го използва в чист вид.
Свързани статии