Ajax - бұл не? Асинхронды JavaScript және XML: артықшылықтары мен кемшіліктері

Енді сіз интернет алғаннан танымал бойынша жаңа технологияларды қолдану және пайдалану көруге болады. Солардың бірі - AJAX болып табылады. Бұл не? ол қандай мүмкіндіктер бар? Қайда қолдануға? Барлық осы мәселелер осы бапта жауап табуға болады.

жалпы ақпарат

Қалай AJAX тұр? Бұл нені білдіреді? Бұл төмендеу аббревиатура болып табылады. Ол Asynchronous JavaScript және XML ( «асинхронды Javascript және IKSML») білдіреді. Жиі Осы жаңа технология бұл ақпаратты көруге немесе естуге болады. Бірақ бұл дұрыс емес. «Аякс» осы технологияларды синтезі ал Javascript және XML, қазірдің өзінде өте ұзақ уақыт бар екенін факт. Ең жиі мерзімді Web 2.0 ұштастыра отырып пайдаланылады және жобалаудың озық тәсілдерін пайдалану ретінде түсініледі.

Және қандай ерекшелігі?

Сондықтан, біз қазірдің өзінде AJAX қандай жалпы идея бар. ол іс жүзінде бізге береді қандай? Неге белсенді оны қолдану туралы айтуға жатыр? Бұл технологияның ерекшелігі - оны пайдалану кезінде бірінші талабы бойынша бүкіл бетті жаңарту үшін қажеті жоқ, бұл. Өйткені, сіз тек оның бөлігі үшін жаңа деректерді сұрауға болады. Бұл (аз уақыт, өйткені сіз күту керек) ыңғайлы, және (Лимитсіз интернет емес, кім үшін) құны болып табылады. Алайда, жаңартуды болып жатқан оқиғалар туралы пайдаланушыға хабарлауға серверінен жаңа деректер туралы хабардар кем дегенде жүктеме көрсеткіші немесе мәтіндік хабарламаларды пайдалану жөн. Ретінде кемшіліктері технологиясы жиі мұрасы және мәтіндік шолғыштарға қолдау көрсетпейді, бұл шын мәнінде атайды. Ал Javascript технологиясын ажырату қабілеті көптеген және ләззат қарағанда пайдаланушы болып табылады. Сондықтан, сіз AJAX теріс болмауға тиіс. ол бере алады, бұл, ақпаратты ұсыну балама әдістерін қамтамасыз ету емес, егер? Ең жақсы жағдайда, ақпараттық тек сайтында пайда болады. ығысып - оның келбеті пайдаланушы бұдан былай қайтару үшін бар екенін, сондықтан зардап шеккен болып табылады.

«Аякс» артықшылықтары

Бұл технология Веб-бет жүзеге асыра алатын екі әдістерін ұсынады. Бірінші қайта жоқ өзгерістер енгізу қамтиды. Бұл серверге динамикалық сұрау жасалуы мүмкін. Екінші XMLHttpRequest болып ең танымал, оның нақты технологияларды пайдалануды көздейді. Салыстырмалы өз артықшылықтары, «Аякс» мынадай айтуға болады:

1. Сіз интерфейс адам өзара іс-қимылды және веб-сайтты жеңілдету нәтижесінде, пайдаланушы үшін жақсы мүмкіндіктер тұтас бірқатар болады ыңғайлы веб-негізделген өтініш, жасауға болады.
2. Оның орнына толық беттің ішінара қайта жүктеңіз. Бұл ресурстарды үнемдейді және машина өнімділігін оңтайландырады.
3. Сайттың серверлік бөлігі белсенді пайдаланушы өзара іс-қимыл болып табылады.
4. идеялар бірқатар жүзеге асыру үшін пайдалы.

байланысып

Міне, мысалы, клиенттер кеңес үшін пайдаланылуы мүмкін кері байланыс формасын, қажет. ол қалай жасауға болады? Бірінші, біз ақпаратты «тасымалдаушы» қамқорлық қажет. Бұл әрекетті орындау үшін, сіз XMLHttpRequest нысанды жасау қажет. Ол сервер мен пайдаланушы шолғышына арасындағы делдал ретінде әрекет етеді. Осы затпен сұрау жібереді және оларға жауап алуға. тікелей деректер алмасу үшін, біз AJAX PHP қажет. Бұл құралдар GET- немесе POST-сұрауларды пайдалану арқылы жүзеге асырылуы мүмкін. Бұл жағдайда, қажетті дәлелдер URL мекенжайына арқылы тікелей өтеді. Сонымен қатар, ол, мен деректерді беру үзіліп емес екенін қамтамасыз ету үшін функцияны іске қосылады. Бірақ AJAX-сұрауын қалай жүзеге? POST пайдалану ұсынылады. Оның арқасында, сіз оның үстіне, әлдеқайда қиын қол жеткізу болып табылатын, деректер шексіз тасымалдауға болады.

Жұмыс принципі

Қалай асинхронды Javascript және XML тәжірибеде бар? Мысал осы түсінуге мүмкіндік береді. Егер сіз сенімді клиенттік бөлігі қауіпсіз деректер алмасу үшін барлық қажетті функционалдық қамтамасыз ету үшін қажет құрылымына қатысты салынған. Бұл ақпарат таңдалған жолдарын таратушы үшін қажетті әдістерін қамтамасыз етуге тиіс. серверлік бөлігі қазірдің өзінде олардың негізінде деректерді өңдеу, және, кейіннен оны клиентке беруге жаңа ақпаратты жасау үшін қамтамасыз етуі тиіс. өзара іс-қимыл ең көп таралған түрі деректер базасымен жұмыс істеу болып табылады. Біз бұрын кері байланыс нысаны ретінде көптеген бизнес сайттар элементі болып табылады: бұл елді мекен бар. Бұл жағдайда «Аякс» артықшылығы ол асинхрондық деректер беруді ұстап болып табылады. ақпарат жіберіледі, ал Басқаша айтқанда, пайдаланушы оған барлық қажетті әрекеттерді орындауға болады. Әрбір жағдайда ерекшелігіне назар аудара отырып, сіз бұл процесс сайттың қонақты хабарлағым келеді істейтіндігіңізді шешуіңіз керек. сол кері байланыс түрінде қатысты, бұл жағдайда біз «оператор жауап тереді» жазу, немесе ұқсас нәрсе болады деп айтуға тиіс.

сервердің жауабы

Сіз өйткені технологияның атауы ойластыра алар еді, ол XML үшін ғана емес, келе алады. Сонымен қатар, ол кәдімгі мәтін немесе JSON ретінде берілуі мүмкін. Бірінші жағдайда ақпарат дереу бетінде көрсетілуі мүмкін. XML пайдаланып жатсаңыз, сіз сол AJAX-файлдың қамқорлық қажет дұрыс клиент шолғышында өңделген. Бұл жағдайда барлық деректер (X) HTML-түрлендіріледі. пайдаланған кезде JSON пішімін, сіз толық нысанды Javascript алуға кодын орындау қажет. Ол сақ болыңыз және назарға көптеген хакерлер осы технология арқылы зиянды кодты беру үшін ұнайды бұл фактіні қабылдау қажет. Бұл олар өңделеді бұрын деректерді тексеру үрдісінің қамтамасыз ету қажет. түрлі браузерлердің үшін іске асыру ерекшеліктері сәл өзгеше болуы мүмкін, бірақ жалпы алғанда, бұл жерде іс-қимыл бір схемасы болып табылады.

Біз серверге және жауап өңдеу сұрау жасау

төмендегідей іс-шаралар бүкіл тізбегі:

1. Бастапқыда, сіз жасауға және XMLHttpRequest бар екеніне көз жеткізу үшін қажет.
2. Содан кейін сервер қосылу баптандырады.
3. оған сұрау жіберу.
4. Біз деректер келіп күтіп, және оларды өңдеуге.

Ол объектінің құру туралы кейбір ерекшеліктерін туралы айтып тиіс. Ол тек бағдарламалау тілі шеңберінде мүмкін кез келген жерде бастамашы болуы мүмкін. Бірақ ол бір ғана өтініші жұмыс істеуге болады болуы үшін уақыт қандай да бір нүктесінде, жаһандық мәртебесі берілді, егер. Бұл ретте, сіз жақын назар аудару қажет. емдеу қатысты - мұнда біз таңдаған құралы баса назар аударады. Сондықтан, XML деректер DOM-функцияларды өңделген және пайдаланушыға ұсыну тиіс, егер HTML соңғы нәтиже бар. Және қандай JSON-номиналды істеу керек? Ол нысаны нұсқауы Javascript екенін түсінген жөн. Бұл нені білдіреді? Байланысты JSON объект жол ретінде ұсынылуы мүмкін. Бірақ бұл әдіс толық қауіпсіз емес екенін есте сақтау керек, және көптеген факторлар қарастырылуы қажет. Бірақ, жалпы алғанда, бұл өте оңай.

Серверлік бағдарламалау тілдері

Іс жүзінде кез келген веб-негізделген бағдарлама бір жолмен немесе басқа оларды пайдаланады. деректер беру үшін ең танымал PHP болып табылады. Бұл туралы, әдетте, сайттар үшін файлдарды жазу, онда сын деректерді беру жылдамдығы емес, ал оған және сенімділігі арасындағы артықшылықты балансы. Жоғарыда талқыланды XMLHttpRequest трансмиссия әдістері.

теңшеу сервер

Қандай бағдарламалар толық AJAX жұмыс үшін қажет? Бұл бізге не береді? Олар не үшін керек? Осы сұрақтарға жауап алу үшін, сіз мына тізімімен танысып тиіс:

1. HTML / XHTML. Олар бет орналасуын тануға серверге үшін қажет.
2. CSS. Бұл құрал бет дизайны көрнекі іріктеу үшін қажетті болып табылады.
3. DOM. Бұл пайдаланушы әрекетке жауап ретінде бетте динамикалық өзгерістер қамтамасыз ету үшін қажет.
4. XML. клиент пен сервер арасында деректерді беру үшін қажет.
5. JavaScript. Біз Курсорды «Аякс» жасау және өзара қамтамасыз ету қажет.
6. XMLHttpRequest. сұраулар серверге жіберілетін болады Нысан ол арқылы.

сайтты пайдалану

Сондықтан қазір біз қалай AJAX туралы теориялық білімі мен идеялар де бар. Деректерді жіберу қазір ғана белгілі бір тәжірибесін қажет етеді. «Аякс» пайдалана отырып, тапсырманы орындауды жақындауға қалай бізге, жалпы қарайық. Сондықтан, біз Драйвер деректер қорын құру қажет. Және олар пайдаланылуы мүмкін құрылғыларды әр түрлі болады. Ол жоғарыда база өте үлкен екенін атап өткен жөн, сондықтан Мен жай ғана клиентке оны жіберу және ол JavaScript пайдаланып таңдау мағынасы жоқ жасауға ұсынуға бар. Бұл веб-бет салдарынан бір параметр қайта иелену, сондай-ақ жөн. сервер сұрауларға бойынша арнайы PHP сценарийлерді өңдеуге болады. дерекқор XML-файл ретінде жүзеге асырылады.

деректер базасын туралы

Ол оның құрылымын әзірлеу қажет. Және қандай нысандар бар өтті параметрлері, егер? Мұндай жағдайда ол функциясын қоңырау оқиғаға ешқандай сілтеме бұл жерде болады айнымалы, құру үшін қамтамасыз ету қажет. кез келген жерден, оны оған кіру мүмкіндігі болу үшін жаһандық код жасау қажет. ыңғайлы болу үшін, ол мүмкіндігінше пайдалануға дерекқорды басқару жүйесін. Әрине, бұл қажет емес. Бірақ әлі күнге дейін деректер базасын пайдалану деректерімен ыңғайлы және тиімді жұмыс істеуге мүмкіндік береді.

Біз қозғалтқыштың жұмыс бойынша жұмыс істеп жатырмыз

Қалай бәрі не болады болды? Сондықтан, арнайы функцияны тудырады белгілі бір іс-шара, онда келеді. Ол жіберіледі алу немесе POST-деректерді дайындайды. Ол содан кейін сервер сценарий URL мекенжайына аппеляцияға жасайды, ол атқаратын қызметімді шақыртады. Ол XMLHttpRequest-объектінің құруды қарастыру қажет. оған сілтеме айнымалы сақталуы тиіс. деректер серверге жіберілді кейін, сіз оған жауап күту керек. Бұл әрекетті орындау үшін, сіз туралы ақпаратты алу үшін «ұстап» қосуға болады (егер белгілі болса, келеді және қашан) немесе әрдайым деректерді қабылдауға дайын болады функцияны қамтамасыз ету үшін. бірінші нұсқа кезектен тыс жағдайды жағдайда кем сенімді. Екінші жүзеге асыру - ресурстарды тұрғысынан неғұрлым қымбат. Дегенмен, ол тек бір айнымалы қатысты жасалады, егер ол тез интернетті әсер етпейді. Бірақ жүздеген және мыңдаған болып табылады, және олар жоғары ажыратымдылықты, болады, егер - онда ол басқа мәселе болмақ. Ол қолда бар ресурстар мен тиімділігін пайдалану арасындағы тепе-теңдікті іздеуге қажет. Өйткені, ол емес, барлық 16 Гб жады бар екенін түсінген жөн. Бұл сервер Осы уақытта қол жетімді емес екенін алдыңғы деректерді немесе ақпаратты ауыстырылсын содан кейін белгілі бір күту уақытын орнатуға болады.

ерекшеліктері

«Аякс» пайдалана отырып, беттің немесе қолдану үшін интерфейстің құрылған кезде, сіз нәтиже түрлі операциялық жүйелер, және әр түрлі браузерлерде жақсы жұмыс істейді, көз жеткізу үшін қажет. Бірінші жағдайда баға жетпес көмек эмуляторы қамтамасыз етуге қабілетті болады. Екінші жағдайда, бұл жай ғана әр түрлі бағдарламаларды орнату және олар код жұмыс істеуін тексеру үшін жеткілікті болады. Ол белгілі бір іс-әрекеттері үшін қамтамасыз ету, сондай-ақ қажетті болып табылады және, болған жағдайда пайдаланушының браузеріңіз ескірген пайдаланылатын болады немесе ол қажетті параметрлерді сөнеді. Мұндай жағдайларда, сақтау бұл жағдайда көру сайт мүмкін емес себептерін көрсете отырып, беттегі мәтін алу қабылдануы тиіс. Иә, қазір адамдардың басым көпшілігі заманауи технологияларды пайдалана отырып, бірақ толық ықтималдығы мен қонақтары бірнеше пайызы кейбір ескірген бағдарламалық қамтамасыз ету пайдалануға болады, бұл шын мәнінде көңіл босатылатын емес. Және бизнес ауқымда ол айтарлықтай салдары болуы мүмкін.

қорытынды

Яғни осы баптың логикалық аяқталуда. біз жалпы алғанда «Аякс» туралы айтар болсақ, бұл құрал тез және оның пайдаланушыларға бір ғанибет жеткізуге құзыретті орналасумен жұмыс істейтін өте тартымды және көркем-бай веб-сайттарды жасауға мүмкіндік береді. Онда болашақта одан да озық технологиялар бар болатынына күмән жоқ, бірақ қазір біз қандай пайдалануға болады. программалау тілдерін және әдістерін жетілдіру әбден мүмкін, және бұл қол жетімді болады, опцион, тіпті одан да көп жоғары сапалы өнім жасайды әдістері болып табылады. Бірақ ол мүмкін деп, қажетті жұмыс енді, бұл мүмкін. Және бұл атауы - «Аякс».