Ajax - Bu nədir? Asynchronous JavaScript and XML: üstünlükləri və mənfi cəhətləri

İndi populyarlıq yeni texnologiyaların istifadəsi və tətbiqi əldə internet izləyə bilərsiniz. Onlardan biri - AJAX edir. Bu nədir? Nə xüsusiyyətləri var? Harada tətbiq etmək? Bütün bu suallar bu məqalədə cavab aşkar olunacaq.

ümumi məlumat

Necə AJAX dayanır? Bu nə deməkdir? Bu azalma kisaltmasidir. Bu Asynchronous Javascript və XML ( "Asynchronous Javascript və IKSML") üçün dayanır. Tez-tez görmək və ya bu yeni texnologiya məlumat eşitmək bilər. Amma bu doğru deyil. Javascript və XML, "Ajax" isə artıq kifayət qədər uzun müddət var ki, bu texnologiyaların bir sintez edir. Ən tez-tez termini Web 2.0 ilə birlikdə istifadə olunur və qabaqcıl dizayn üsulları istifadə kimi başa düşülür.

Və nə xüsusiyyət?

Belə ki, biz artıq AJAX nə ümumi bir fikir var. praktikada bizə verir nədir? Niyə onun tətbiqi haqqında danışmaq fəal olunur? Bu texnologiyanın özəlliyi - Siz istifadə edərkən ilk tələbi ilə bütün səhifə yenilemek üçün ehtiyac yoxdur ki. Bütün sonra, yalnız bir hissəsi üçün yeni məlumatlar tələb edə bilər. (Siz az vaxt gözləmək çünki), və (limitsiz internet olanlar üçün) qiyməti bu rahatdır. Lakin, server yeni məlumatlar barədə ən azı bir yük göstərici və ya mətn mesajları istifadə etmək olardı nə yükseltme baş haqqında istifadəçi məlumat. minuses texnologiya tez-tez miras və mətn brauzerlər bilmir ki adlanır kimi. Və Javascript texnologiya aradan qabiliyyəti çox və həzz daha istifadəçi edir. Buna görə, AJAX sui olmamalıdır. məlumat verən alternativ üsulları təmin etmək deyil, əgər o, verə bilər? Ən yaxşı halda, məlumat yalnız saytda nümayiş olunmayacaq. pis - onun görünüşü istifadəçi artıq qayıtmaq var ki, təsir edir.

"Ajax" ın üstünlükləri

Bu texnologiya bir web page həyata keçirilə bilər ki, iki üsulları təklif edir. ilk rebooting olmadan dəyişikliklər edilməsi daxildir. Bu server dinamik sorğu ilə həyata bilər. ikinci XMLHttpRequest ən məşhur olan xüsusi texnologiyaları istifadə edir. Nisbətən öz üstünlükləri, "Ajax" aşağıdakı demək olar:

1. Siz interface insan qarşılıqlı və veb asanlaşdırmaq nəticə ilə, istifadəçi üçün gözəl xüsusiyyətləri bütün sayda olacaq rahat web-based proqram yarada bilərsiniz.
2. Bunun əvəzinə bir tam səhifə qismən yenidən. Bu resursları saxlayır və maşın performans optimallaşdırır.
3. saytın server hissəsi fəal istifadəçi ilə qarşılıqlı.
4. fikir bir sıra həyata keçirilməsi üçün faydalıdır.

əlaqə

Burada, məsələn, müştərilərə məsləhət üçün istifadə edilə bilər bir geribildirim formu lazımdır. Necə etmək olar? İlk məlumat "daşıyıcı" qayğı lazımdır. Bunu etmək üçün, siz bir XMLHttpRequest obyekt yaratmaq lazımdır. O, server və istifadəçi browser arasında vasitəçi kimi çıxış edir. Bu məqsədlə sorğu göndərir və onlara cavab alır. birbaşa məlumat mübadiləsi, biz AJAX PHP lazımdır. Bu alətlər GET- ya POST-sorğu istifadə edərək həyata keçirilə bilər. Bu halda, lazımi dəlilləri URL vasitəsilə keçiləcək. Eyni zamanda funksiyası run və ötürülməsi müdaxilə deyil ki, təmin etmək üçün olacaq. Amma necə AJAX-sorğu həyata keçirmək? POST istifadə edərək gəlir. Onun sayəsində, siz, üstəlik, daha çətin çıxış edir məlumatlara sınırsız köçürə bilər.

Əməliyyat prinsipi

Necə praktikada Asynchronous Javascript və XML var? Nin bir misal ilə bu anlamaq edək. Siz müştəri hissəsi təhlükəsiz məlumat mübadiləsi üçün lazım olan bütün işlevselliği təmin edir ki, əmin etmək lazımdır strukturu ilə bağlı inşa edilmişdir. Bu məlumat seçilmiş yolları ötürülməsi üçün zəruri üsulları təmin etməlidir. server hissəsi artıq onların əsasında məlumatlar, və, emalı sonra müştəri onu keçmək üçün yeni məlumat yaratmaq üçün təmin etməlidir. qarşılıqlı ən ümumi növü bazası ilə işləmək üçün. Əvvəl qeyd etdik rəy forması kimi bir çox biznes sites bir elementidir. Bu halda "Ajax" ın üstünlüyü asynchronous məlumatların ötürülməsi keçirir ki. məlumat göndərilir isə başqa sözlə, istifadəçi ona bütün lazımi tədbirlər həyata bilər. Hər bir halda xüsusiyyətləri odaklanarak, siz bu proses saytın qonaq məlumat istəyirəm karar lazımdır. eyni geribildirim formu nisbətən bu halda biz, və ya oxşar bir şey "operator cavab zənglər" yazmaq olar ki, belə olmalıdır.

server cavab

O, çünki texnologiya ad hesab bilər kimi, yalnız XML üçün gələ bilər. Bundan əlavə, düz mətn və ya JSON kimi ötürülən bilər. Birinci halda məlumat dərhal səhifə nümayiş oluna bilər. XML istifadə edərək, siz düzgün müştəri browser emal edilmişdir ki, AJAX fayl qayğı lazımdır. Bu halda bütün məlumatlar (X) HTML çevrilir. istifadə edərkən JSON format tam obyekt Javascript almaq üçün kodu yerinə yetirmək üçün lazımdır. Bu ehtiyatlı olmaq və nəzərə çox hakerlər bu texnologiya vasitəsilə zərərli kodu ötürmək istəyirəm ki, almaq lazımdır. Onlar emal əvvəl data yoxlama prosesi təmin etmək lazımdır. müxtəlif brauzerlərdə üçün həyata xüsusiyyətləri az fərqli ola bilər, lakin ümumiyyətlə, burada fəaliyyət bir proqramıdır.

Biz server və bir cavab emal sorğu etmək

aşağıdakı hərəkətləri bütün ardıcıllığı belədir:

1. Əvvəlcə siz yaratmaq və XMLHttpRequest olduğunu əmin etmək lazımdır.
2. Sonra server bağlantısı initializes.
3. bu sorğu göndər.
4. Biz data gəlmək üçün gözləmək, və onları emal.

Bu obyektin yaradılması bəzi funksiyaları haqqında demək lazımdır. Bu yalnız proqramlaşdırma dilinin çərçivəsində mümkün hər hansı bir yerdə başlana bilər. o zaman hər hansı bir nöqtəsində qlobal statusu verildi Ancaq yalnız bir tələbi ilə işləmək üçün mümkün olmalıdır. Bu nöqtədə, siz yaxın diqqət etmək lazımdır. müalicə gəldikdə - burada biz seçilmiş aləti yönəldir. Belə ki, XML data DOM-funksiyaları emal və istifadəçi təqdim olunacaq əgər HTML son nəticə var. JSON-En və nə üçün? Bu obyekt notation Javascript ki, başa düşmək lazımdır. Bu nə deməkdir? Due JSON obyekt bir string kimi təmsil oluna bilər. Amma bu üsul tam təhlükəsiz deyil ki, yadda olmalıdır, və amillər bir çox hesab etmək lazımdır. Amma, ümumiyyətlə, bu, çox asandır.

Server-yan proqramlaşdırma dilləri

Demək olar ki, hər hansı bir web-based proqram bir yol və ya başqa onları istifadə edir. məlumatların ötürülməsi üçün ən məşhur PHP edir. adətən saytlar üçün faylları yazmaq də olduğu tənqidi məlumatların ötürülməsi dərəcəsi və onun və etibarlılıq arasında üstünlük balans deyil. XMLHttpRequest ötürülməsi üsulları yuxarıda müzakirə olunub.

Nizamlama server

Nə proqramları tam AJAX fəaliyyət üçün tələb olunur? Bu bizi verir? onlar nə üçün? Bu suallara cavab almaq üçün, aşağıdakı siyahı ilə tanış etməlidir:

1. HTML / XHTML. Onlar səhifə layout tanımaq üçün server üçün tələb olunur.
2. CSS. Bu alət səhifə dizayn vizual seçilməsi üçün lazımdır.
3. DOM. Bu istifadəçi tərəfindən fəaliyyət cavab olaraq bir səhifə dinamik dəyişikliklər təmin etmək üçün tələb olunur.
4. XML. müştəri və server arasında ötürülməsi üçün tələb olunur.
5. JavaScript. Biz kursor "Ajax" yaratmaq və interaktiv təmin etmək lazımdır.
6. XMLHttpRequest. Object vasitəsilə sorğu server göndərilir olunacaq.

Saytdan istifadə

Belə ki, indi biz nəzəri bilik və necə AJAX haqqında fikir də var. məlumatların göndərilməsi yalnız müəyyən bir təcrübə tələb edir. Bizə "Ajax" istifadə edərək vəzifə həyata keçirilməsini yanaşmaq necə, ümumiyyətlə baxaq. Belə ki, biz bir sürücü verilənlər bazası yaratmaq lazımdır. Onlar istifadə edilə bilər cihazlar fərqlənəcək. Yuxarıda bazası çox böyük olduğunu qeyd etmək lazımdır, mən yalnız müştəri göndərin və bu mənada etmir JavaScript istifadə edərək, bir seçim etmək üçün təklif edir. Bu, bir parametri də bir web page yeniden öz arzu olunandır. server sorğu xüsusi PHP scripts idarə edəcək. bazası XML fayl kimi həyata keçirilir.

verilənlər bazası haqqında

Onun strukturu işləmək lazımdır. Və nə obyektlərin qəbul parametrləri, əgər? Belə olan halda bu funksiya zəng hadisə heç bir link orada olacaq dəyişən yaradılması üçün təmin etmək lazımdır. Bu qlobal kodu yaratmaq lazımdır hər yerdə daxil etmək üçün. Rahatlığı üçün, bir istifadə etmək olardı verilənlər bazası idarəetmə sistemi. Əlbəttə ki, bu lazım deyil. Amma yenə də bazasının istifadə data daha rahat və səmərəli işləmək üçün imkan verir.

Biz mühərrik əməliyyat üzərində işləyirik

Necə hər şey baş verəcək idi? Belə ki, xüsusi bir funksiyası səbəb olacaq müəyyən bir hadisə gəlir. O, qaytarılacaq bir almaq və ya POST-data hazırlayacaq. O server script URL müraciət edəcək funksiyası çağırır. Bu XMLHttpRequest-obyekt yaradılması nəzərdə lazımdır. bu bir arayış bir dəyişən saxlanılır olmalıdır. data server göndərilir sonra, ona bir cavab gözləmək lazımdır. Bunu etmək üçün, siz məlumat əldə etmək üçün "telequlaq" yandırmaq olar (əgər məlumdursa zaman gəlib ki,) və ya həmişə data qəbul etməyə hazır olacaq bir funksiyası təmin etmək. ilk təcəssümü fövqəladə vəziyyət halda az etibarlı. ikinci həyata - resursları baxımından daha bahalı. bir dəyişən ilə bağlı yalnız edilir, əgər, baxmayaraq ki, bu, sürətli İnternet təsir etmir. Amma əgər orada yüzlərlə və minlərlə var, və onlar yüksək qətnamə var, - o, başqa məsələdir olacaq. Bu mövcud ehtiyatları və səmərəliliyinin istifadəsi arasında bir balans tapmaq buna görə də lazımdır. Bütün sonra, 16 GB yaddaş yoxdur ki, bütün başa düşmək lazımdır. Bu server bu zaman mövcud deyil ki, əvvəlki məlumatın və ya məlumat əvəz sonra müəyyən bir gözləmə vaxtı müəyyən edə bilər.

Features

səhifə və ya proqram üçün interfeysi ilə yaradılmışdır "Ajax" istifadə edərkən, siz nəticə müxtəlif əməliyyat sistemi yaxşı işləyir əmin, və müxtəlif brauzerlərdə etmək lazımdır. Birinci halda əvəzolunmaz yardım emulators təmin edə biləcəklər. İkinci halda bu proqramları bir sıra yüklemek üçün yalnız kifayət qədər olacaq və onlar kodu funksionallığı test. istifadəçi browser tarixi istifadə olunacaq və ya zəruri parametrləri bağlamaq olacaq halda O, həmçinin müəyyən tədbirlər təmin etmək lazımdır və. Belə hallarda, qayğı bu halda views site mümkün deyil səbəbini ifadə edərək, bu səhifənin mətn çıxarılması üçün alınmalıdır. Bəli, müasir texnologiya istifadə edərək insanların indi böyük əksəriyyəti lakin tamamilə ehtimal və qonaqlar bir neçə faiz bəzi köhnəlmiş proqram istifadə edəcək ki, diqqət getmək imkan verməyin. Və iş miqyasda əhəmiyyətli nəticələri ola bilər.

nəticə

Yəni, bu maddənin bir məntiqi başa gəlir. biz bütövlükdə "Ajax" haqqında danışmaq, bu alət bir zövq tez və səlahiyyətli layout ilə iş bir çox cəlbedici və xüsusiyyət zəngin web yaratmaq istifadəçilərə çatdırmaq üçün imkan verir. orada gələcəkdə daha qabaqcıl texnologiyalar olacaq, lakin indi biz nə istifadə edəcək ki, heç bir şübhə yoxdur. proqramlaşdırma dilləri və texnikanın təkmilləşdirilməsi mümkündür və bu mövcud olacaq bir seçim kimi, metodları daha yüksək keyfiyyətli məhsul yaratmaq olacaq. Amma lazım iş indi bu ola bilər ki, ola bilər. Bu adı - "Ayaks".