Ajax се класира доста високо там по най-големите причини да използва jQuery. JQuery не само коригира проблемите с различни браузъри, но и прави синтаксиса много лесен за използване и разбиране.
В това видео пробождаме с обяснение какво изобщо представлява Ajax. Разглеждаме елемент на формуляр, който при изпращане прави заявка GET или POST (както е определено от атрибута на метода) към посочения от вас URL (както е определено от атрибута за действие). Това е само HTML, там изобщо не се случва бекенд код или JavaScript. Но това изпращане ще доведе до промяна на страницата, буквално презареждане на новия URL, точно като щракване върху връзка.
Ajax ни позволява да направим тази GET или POST заявка във фонов режим, без да презареждаме страницата. В основата си това е целият смисъл на Аякс. И е много мощен. Той е до голяма степен отговорен за това защо съвременните уебсайтове работят и се чувстват така, както го правят.
Ajax използва „асинхронни JavaScript и XML“, но в днешно време това се пренебрегва, защото не означава много. Оттук и декапитализацията. Понякога може да видите „XHR“, което е съкратено от XMLHttpRequest, което е основната основна технология на Ajax.
Разликата между GET и POST е по същество: GET е за получаване на информация и не трябва да носи отговорност за промяна на данни, а POST е специално за промяна на данни. Чувствайте се свободни да прочетете повече за това в тази нишка на StackOverflow.
Извършването на GET заявка в jQuery е удивително лесно:
$.get( "URL", function(data) ( // do something with data )); ));URL адресът е мястото, от което се надявате да получите данните. Вторият параметър е функцията за обратно извикване, която се изпълнява, когато заявката на Ajax е била успешна. Най-важният параметър там е първият, данни, който съдържа информацията, която е получил от заявката.
Исканията на Ajax понякога могат да се провалят. Една от причините за този неуспех може да бъде самият браузър и неговите политики за сигурност. Включени в самите браузъри са правила за това откъде може да се иска съдържание. Искания винаги могат да бъдат отправени към същия домейн, от който идва заявката. Но ако има различен домейн, този различен домейн ще трябва специално да го разреши.
Всичко за това можете да прочетете на enable-cors.org. CORS означава „Споделяне на ресурси с различни източници“. Разглеждаме пример, при който CORS не е активиран и заявката Ajax е неуспешна. Един стандартен и лесен начин да се поправи, ако приемем, че сървърът е Apache, е да зададете заглавка, която специално позволява CORS чрез файла .htaccess:
Header set Access-Control-Allow-Origin "*"Във видеото просто преместваме заявката за Ajax в CodePen, която по подразбиране се справя добре с Ajax.
Лесно сирене:
Вижте Pen fBInl от Chris Coyier (@chriscoyier) на CodePen