"Ajax" - kas tai? Asinchroninis JavaScript ir XML: privalumai ir trūkumai

Dabar galite žiūrėti internete populiarėja naudojimą ir naujų technologijų taikymas. Vienas iš jų - tai, AJAX. Kas tai yra? Kokias funkcijas jis turi? Kur kreiptis? Visi šie klausimai bus rasti šiame straipsnyje atsakymą.

Bendra informacija

Kaip stovi, AJAX? Ką tai reiškia? Šis sumažinimas yra akronimas. Tai reiškia Asynchronous JavaScript ir XML ( "Asynchronous JavaScript ir IKSML"). Dažnai galima pamatyti ar išgirsti informaciją, kad šia nauja technologija. Tačiau tai nėra tiesa. Tas faktas, kad javascript yra ir XML, yra jau gana ilgą laiką, o "Ajax" yra šių technologijų sintezė. Dažniausiai tai yra naudojama kartu su terminu Web 2.0 ir suprantamas kaip pažangių dizaino metodus.

Ir ką bruožas?

Taigi, mes jau turime bendrą idėją apie tai, kas yra "AJAX. Kas tai suteikia mums praktiškai? Kodėl yra aktyviai kalbėti apie savo prašymą? Šios technologijos ypatybė - tai, kad, kai jūs jį naudoti nereikia atnaujinti visą puslapį į pirmą pareikalavimą. Galų gale, jūs galite prašyti naujus duomenis tik jos dalyje. Tai patogu (nes mažiau laiko turite laukti), o kaina (tiems, kurie nėra neribotas internetas). Tačiau, siekiant informuoti vartotoją apie tai, kas vyksta atnaujinti pageidautina naudoti bent Apkrovos indikatorius arba tekstinius pranešimus, informuoja apie naujus duomenis iš serverio. Kaip minusų technologija yra dažnai vadinamas dėl to, kad jis nepalaiko palikimas ir tekstinius naršyklių. Ir gebėjimas išjungti JavaScript technologija yra vartotojas, nei daug ir patiko. Todėl jums nereikėtų piktnaudžiauti AJAX. Kad ji gali duoti, jei ne teikti alternatyvius metodus teikiant informaciją? Geriausiu atveju, informacija tik nebus rodomas svetainėje. Blogiausiu - jo išvaizda yra taip paveikta, kad naudotojas nebegali grįžti.

Privalumai "Ajax"

Ši technologija siūlo du būdus, kuriais interneto puslapis gali būti realizuota. Pirmasis apima pakeitimus neperkraunant. Tai gali būti atlikta su dinaminiais prašymus į serverį. Antrasis susijęs su konkrečių technologijų, populiariausia iš jų yra XMLHttpRequest naudojimą. Gana savų privalumų, "Ajax" "galiu pasakyti taip:

1. Galite sukurti patogų žiniatinklio taikomąją programą, kuri sąsaja turės visą skaičių naudingų funkcijų naudotojui, todėl, kad palengvinti žmogaus sąveiką ir interneto svetainėje.
2. Vietoj visą puslapį iš naujo įkelti dalinis. Tai taupo išteklius ir optimizuoja mašina efektyvumą.
3. Serveris dalis vietoje yra aktyviai sąveikauja su naudotoju.
4. Naudinga už idėjų skaičius įgyvendinimą.

Bendravimas

Čia, pavyzdžiui, reikia grįžtamojo ryšio formą, kuri gali būti naudojama patarti klientams. Kaip tai galima padaryti? Pirmiausia, mes turime rūpintis "vežėjas" informacija. Norėdami tai padaryti, jums reikia sukurti XMLHttpRequest objektą. Jis veikia kaip tarpininkas tarp serverio ir vartotojo naršyklę tarpininkas. Su šiuo objektu atsiųsime prašymus ir gauti atsakymus į juos. Tiesiogiai keistis duomenimis, turime AJAX PHP. Šios priemonės gali būti įgyvendinamos naudojant pradėdami naudotis telefonu arba post-užklausas. Tokiu atveju būtinas argumentai bus perduota tiesiogiai per URL. Tuo pačiu metu jis bus paleisti funkciją, ir už tai, kad duomenų perdavimas nenutrūksta. Bet, kaip įgyvendinti Ajax prašymą? Rekomenduojame naudoti POST. Jo dėka, galite perkelti neribotą kiekį duomenų, kurie, be to, yra daug sunkiau pasiekti.

veikimo principas

Kaip yra Asinchroninis JavaScript ir XML praktikoje? Leiskite suprasti, tai su pvz. Pastatytas atsižvelgiant į struktūrą, jums reikia įsitikinti, kad klientas dalis suteikia visą reikalingą funkcionalumą saugiam keitimuisi duomenimis. Ji turėtų teikti reikiamus metodus perduoti informaciją pasirinktas būdų. Serverio dalis turėtų užtikrinti, kad duomenų ir, remiantis jais jau, apdirbimas generuoti naują informaciją, o vėliau jį prie kliento. Dažniausias tipo sąveikos yra dirbti su duomenų baze. Mes jau anksčiau minėta yra daugelio verslo svetainių, kaip grįžtamojo ryšio forma elementas. Iš "Ajax" privalumas šiuo atveju yra tai, kad ji turi asinchroninis duomenų perdavimas. Kitaip tariant, nors informacija yra siunčiama, vartotojas gali atlikti visus reikiamus veiksmus jam. Sutelkiant dėmesį į kiekvienos bylos specifiką, turite nuspręsti, ar norite, kad šis procesas informuoti svetainės lankytojas. Palyginti su tuo pačiu grįžtamojo ryšio formą reikėtų pasakyti, kad šiuo atveju mes galime parašyti "operatorius surenka atsakymą", ar kažką panašaus.

atsako serveris

Jis gali ateiti ne tik XML, kaip jūs manote dėl to, kad technologija pavadinimu. Be to, ji gali būti perduodami kaip paprasto teksto ar JSON. Pirmuoju atveju informacija gali būti tuojau rodomi šiame puslapyje. Jei naudojant XML, jums reikia rūpintis, kad AJAX failas buvo tinkamai tvarkomi kliento naršyklėje. Visi duomenys šiuo atveju yra konvertuojamos į (X) HTML. Kai naudojate JSON formatu, jums reikia atlikti kodą gauti visą objektą "JavaScript". Būtina būti atsargiems ir atsižvelgti į tai, kad daugelis įsilaužėliai norite perduoti kenkėjišką kodą naudojant šią technologiją. Todėl būtina numatyti, kad duomenų patikrinimo procesą, kol jie yra tvarkomi. Savybės realizavimo skirtingų naršyklių gali šiek tiek skirtis, bet apskritai, čia veiksmas yra viena schema.

Mes pateikti prašymą į serverį ir atsako perdirbimo

Visą veiksmų seka yra tokia:

1. Iš pradžių jūs turite sukurti ir įsitikinti, kad yra XMLHttpRequest.
2. Tada inicijuoja ryšį su serveriu.
3. Siųsti užklausimą į jį.
4. Laukiame duomenys ateiti ir juos tvarkyti.

Ji turėtų papasakoti apie kai kurias funkcijas dėl objekto sukūrimo. Jis gali būti pradėta bet kurioje vietoje, kur tai yra įmanoma tik per programavimo kalba sistemoje. Bet jei jis buvo suteiktas pasaulinės statusą, bet kurioje vienu momentu, kad jis būtų įmanoma dirbti tik su vienu prašymu. Šiuo metu, jums reikia atkreipti ypatingą dėmesį. Dėl gydymo - čia mes sutelkti dėmesį į pasirinktą priemonę. Taigi, jei XML duomenys turi būti tvarkomi su DOM funkcijas ir pateikti vartotojui turi galutinį rezultatą HTML. Ir ką daryti su JSON įvertinti? Reikia suprasti, kad tai yra objektas žymėjimas "JavaScript". Ką tai reiškia? Dėl JSON objektas gali būti atstovaujama kaip eilutę. Tačiau reikia nepamiršti, kad šis metodas nėra saugus visą ir reikia atsižvelgti į daug veiksnių. Bet, apskritai, tai yra labai lengva.

Server-side programavimo kalbų

Beveik visos žiniatinklio programa naudoja juos vienu ar kitu būdu. Dėl duomenų perdavimo yra populiariausia PHP. Apie tai paprastai rašyti failus svetainių, kuriose yra ne kritinė duomenų perdavimo greitis, o pirmenybė balansas tarp jos ir patikimumą. XMLHttpRequest perdavimo metodai buvo aptarta anksčiau.

konfigūravimas serveris

Kokios programos reikia, kad būtų visapusiškai veikti AJAX? Ką tai mums duoda? Kokie jie už? Norėdami gauti atsakymus į šiuos klausimus, turėtumėte susipažinti su šiuo sąrašu:

1. HTML / XHTML. Jie reikalingi serveryje pripažinti puslapio maketą.
2. CSS. Ši priemonė yra būtina vizualiai atrankos puslapio dizainas.
3. Dom. Ji reikalinga tam, kad užtikrinti dinamišką pakeitimus puslapyje kaip atsakas į kurį vartotojas veiksmų.
4. XML. Reikalingas duomenų perdavimo tarp kliento ir serverio.
5. JavaScript ". Mums reikia sukurti žymeklį "Ajax" ir pateikti interaktyvumo.
6. XMLHttpRequest. Objektas per kurią užklausos bus perduotas į serverį.

Naudojant svetainėje

Taigi dabar mes turime tiek teorines žinias ir idėjas apie tai, kaip AJAX. Duomenų siuntimas dabar reikia tik tam tikrą praktiką. Pažvelkime apskritai, kaip kreiptis į užduoties įgyvendinimą, naudojant "Ajax". Taigi, mes turime sukurti vairuotojo duomenų bazę. Ir jie skirsis įtaisus, kurie gali būti valdomi. Reikėtų pažymėti, kad pirmiau duomenų bazė yra labai didelė, todėl aš tiesiog nusiųsti jį klientui, ir tai turi pasiūlyti padaryti pasirinkimą, naudojant "JavaScript" nėra prasmės. Taip pat pageidautina, kad savo interneto puslapis yra perkrauta, nes vieno parametro. Serveryje prašymai atliks specialius PHP scenarijus. Duomenų bazė yra įgyvendinama kaip XML failą.

apie duomenų bazę

Būtina išsiaiškinti jos struktūrą. Ir ką daryti, jei praėjo parametrai, kurie objektai? Tokiu atveju būtina numatyti kintamojo, kur nebus susieti jį su skambučių atveju iš funkcijos kūrimą. Kad būtų galima jį pasiekti iš bet kur ji yra būtina, kad pasaulinę kodą. Dėl patogumo, tai pageidautina naudoti duomenų bazių valdymo sistema. Žinoma, tai nėra būtina. Bet vis tiek leidžia duomenų bazės naudojimą dirbti daugiau patogiai ir efektyviai su duomenimis.

Mes dirbame dėl variklio veikimo

Kaip viskas vyks? Taigi, ateina tam tikrą renginį, kuris bus sukelti ypatingą funkciją. Ji parengs GET arba POST-duomenis, kurie bus išsiųstas. tada jis vadina funkciją, kuri leis kreipimąsi į serverio scenarijų URL. Būtina numatyti galimybę XMLHttpRequest-objekto kūrimą. Nuorodą į jį turėtų būti saugomi kintamajame. Po duomenys buvo siunčiami į serverį, turite laukti atsakymo iš jo. Norėdami tai padaryti, galite įjungti "pasiklausyti" gauti informaciją (jei žinoma, ateis ir kada) ar suteikti funkciją, kuri visuomet bus pasirengęs priimti duomenis. Pirmasis įsikūnijimas yra mažiau patikimas, jei neįprastoje situacijoje. Antra realizavimas - daugiau brangiai kainuoja išteklių. Nors, jei tai daroma tik dėl vieno kintamojo, tai neturi įtakos Greitas internetas. Bet jei yra šimtai ir tūkstančiai, ir jie turės aukštą rezoliuciją, - tada jis bus dar vienas klausimas. Todėl būtina siekti pusiausvyros tarp turimų išteklių ir efektyvumo naudojimui. Galų gale, ji turėtų būti suprantama, kad ne visi turi atmintį iki 16 GB. Tai gali nustatyti tam tikrą laukimo laiką, po kurio pakeitusią ankstesnę duomenis ar informaciją, kad serveris nėra šiuo metu.

Įranga

Kai naudojate "Ajax" yra sukurtas pagal puslapio, ar paraiškoje sąsaja, jums reikia įsitikinti, kad rezultatas veikia gerai įvairiose operacinėse sistemose, ir skirtingų naršyklių. Pirmuoju atveju galės suteikti neįkainojamą pagalbą emuliatorių. Antruoju atveju jis bus pakankamai tiesiog įdiegti įvairias programas ir jie išbandyti kodas funkcionalumą. Taip pat būtina numatyti tam tikrus veiksmus, o tuo atveju, jei vartotojo naršyklė bus naudojami pasenę ar ji bus išjungti reikiamus nustatymus. Tokiais atvejais reikėtų pasirūpinti už teksto puslapyje panaikinimo, nurodydamas priežastį, kodėl žiūri svetainė šiuo atveju yra neįmanoma. Taip, dabar didžioji dauguma žmonių, naudojant modernią technologiją, bet ne visiškai atleiskite dėmesio į tikimybės ir dėl to, kad keli procentai lankytojų bus panaudoti šiek tiek pasenusi įranga. Ir verslo masto jis gali turėti reikšmingų pasekmių.

išvada

Kad ateina į logišką pabaigą šiame straipsnyje. Jeigu mes kalbame apie "Ajax" apskritai, šis įrankis leidžia jums sukurti labai patrauklias ir funkcija turtingas svetaines, kad dirbti greitai ir su kompetentinga išdėstymo pristatyti vartotojų malonumą. Nėra jokių abejonių, kad bus dar daugiau pažangios technologijos ateityje, tačiau dabar mes naudosime, ką turime. Kadangi programavimo kalbų ir technologijų tobulinimas, visai įmanoma, ir tai yra galimybė, kad bus galima, metodai, kurie bus sukurti dar daugiau aukštos kokybės produktą. Bet būti, kad ir kaip ten bebūtų, darbas reikia dabar, kad yra. Ir šis pavadinimas - "Ajax".