Satura rādītājs
AJAX Tas ietver paņēmienu un tehnoloģiju kopumu, kas ļauj mums izveidot asinhronu saziņu starp to, ko klients redz tīmeklī, un informāciju, kas pastāv tīmekļa lapas servera pusē.Viena no galvenajām iezīmēm, ko mēs varam izcelt, ir tā, ka tā balstās uz dažādām metodēm HTTP Kas POST, GET, PUT vai DELETE lai varētu nosūtīt nepieciešamos datus uz servera lietojumprogrammām.
Sākotnējā attīstības stadijā ar AJAX zvani bija jāveido, izmantojot Javascript dzīvoklis, kas mums tomēr radīja daudz koda jQuery palīdz mums vienkāršot lietas, iepazīstinot masu ar šo tehniku un tehnoloģijām, un tas viss nāk par labu gan izstrādātājam, gan lietotājam.
Kas ir AJAX?AJAX attiecas uz Asinhronais Javascript un XML proti Javascript Y XML asinhronu, kas arī nozīmē, ka tas ir kaut kas tāds, kas nav atkarīgs no fiksētas struktūras, piemēram, skripta PHP kur instrukcijas tiek izpildītas secīgi, protams, saglabājot izsaukumus uz klašu un objektu metodēm un funkcijām.
Iepriekš minētais sniedz mums iespēju ielādēt informāciju vai nosūtīt to bez atkārtotas ielādes vai servera “pilnīga” pieprasījuma iesniegšanas, mēs to ievietojam pēdiņās, jo zvani AJAX Tie ir normāli pieprasījumi, vienkārši nav nepieciešams atsvaidzināt lapu kopumā, ja tā nav vēlamā uzvedība.
Izmantojot šīs metodes un tehnoloģijas, ir dažas priekšrocības, par kurām daudzi neapzinās savu esamību, daudzas reizes mēs to izmantojam tikai tendences dēļ, bet, ja mēs sapratīsim tās priekšrocības, mēs varēsim zināt, kuriem projektiem mēs to varam izmantot, lai iegūtu visvairāk no tā. Tālāk apskatīsim dažas no vissvarīgākajām izmantošanas priekšrocībām AJAX:
Joslas platuma izmantošanas samazināšanaMēs to panākam, jo īpaši pateicoties sadaļu pieprasījumiem, ar to mēs varam panākt, piemēram, to, ka nav jāpārlādē vispārējie stili vai attēli, ja mēs vēlamies atsvaidzināt tekstu.
Labāka lietotāju pieredzePalielinot tīmekļa lietojumprogrammas ātrumu, lietotājam ir ievērojami uzlabojusies lietošana, turklāt tā dod mums iespēju izstrādātājiem palielināt mijiedarbības pakāpi ar mūsu sakārtotajiem elementiem.
Noņemiet atkarību no pārlūkprogrammasLietojot jQuery nepieciešamība rakstīt kodu, kas ir atkarīgs no pārlūkprogrammas, tiek novērsta, tas palīdz mums uzlabot mūsu laika attīstības ātrumu un produktivitāti.
Tā kā lietošanas laikā nekas nav ideāls AJAX Mums arī jāsaprot, ka ir daži trūkumi, kas var likt mums pārdomāt un domāt, vai tas ir labākais risinājums mūsu projektam. Tālāk mēs redzēsim dažus no šiem punktiem, lai iegūtu pilnīgāku priekšstatu pirms apmācības tehniskās daļas uzsākšanas.
AtkarībaJa klients vai lietotājs izmanto ļoti vecu pārlūkprogrammu vai izmanto Javascript deaktivizēta, mūsu lietojumprogramma var ciest vai nedarboties, kas mums uzliek par pienākumu veikt īpašus gadījumus, kad nevaram to izmantot AJAX.
Uzrakstiet papildu koduSaskaņā ar mūsu lietojumprogrammu mums ir jāraksta papildu kods, lai varētu integrēt atbildes, kuras mēs saņemam no pieprasījumiem AJAX, piemēram, atbildes HTML Y CSS.
Protams, šobrīd ir ļoti grūti atrast pārlūkprogrammu, kas nebūtu saderīga Javascript Y jQueryTomēr atkarībā no mūsu apgabala mēs varam atrast dažus gadījumus, kas var ļoti apgrūtināt dzīvi.
Pieprasījums AJAX no jQuery jābūt pamatstruktūrai, kur mums ir jānosaka daži parametri, kas nepieciešami ietvaram, mums ir jāizveido metode HTTP pieprasījuma maršruts, atbildes pieprasījuma formāts un, visbeidzot, kas būtu jādara, ja pieprasījums ir veiksmīgs vai ja rodas kļūda. Tālāk redzamajā nefunkcionālajā kodā redzēsim, kā mēs to varam redzēt:
$ .ajax ({type: "HTTP metode", // POST, GET, PUT, DELETE url: "Pieprasījuma ceļš", // http: / / www.example.com/request dataType: "Datu veids", / / html, xml, json success: funkcija uz panākumiem, kļūda: funkcija uz kļūdas}); Mēs redzam, ka katra no mūsu aprakstītajām sadaļām ir parametri, kurus saņem mūsu pieprasījums un ka tas tiek darīts, izmantojot metodi $ .ajax () ko piegādā jQuery tieši, un tā ir koda maska Javascript plakne, kas atbilst katram atbalstītā pārlūka dzinējam, kas šobrīd ir gandrīz visas jaunākās reklāmas, piemēram Chrome, Firefox, Opera, Safari Internet Explorer, un tie, kas iegūti no mūsu minētajiem dzinējiem.
Tagad mēs, īstenojot pieprasījumu, īstenosim to, ko esam redzējuši iepriekšējā sadaļā AJAX no lapas HTML ko mēs veidosim šādā piemērā. Mums jāzina, ka mums būs nepieciešama jaunākā versija jQuery mēs varam iegūt, tomēr varam izmantot to, ko viņi glabā savā CDN, mums būs vajadzīgs arī neliels tīmekļa serveris, lai varētu maršrutēt failus, kurus mēs iegūsim asinhroni, jo mēs to varam izmantot WAMP iekšā Windowsvai instalācija LAMPA sistēmās Linux, attiecībā uz MAC platformām, kuras mēs varam izmantot XAMP vai tamlīdzīgi.
Šajā kodā mēs vispirms iekļausim jQuery, tad mēs pamattekstā izveidosim etiķeti ar unikālu ID, kurā ievietosim mūsu pieprasījuma atbildes saturu, un dokumenta beigās mēs izveidosim etiķeti skripts kur mēs ģenerēsim kodu, lai veiktu pieprasījumu, atribūtā url mēs pieprasīsim mapes, kurā atrodas mūsu faili, indeksu, mēs to darām, lai parādītu mūsu koda darbību, tomēr veids, kā to izdarīt, ir pieprasīt citu failu, kas kalpos mums vajadzīgajai atbildei. skatiet kodu:
AJAX pieprasījuma piemērsApstrādāt AJAX
Nākamajā attēlā mēs redzam, kā viss ir strādājis, un mēs varam redzēt veiksmīgu atbildi no mūsu koda.
Viena no lietām, kas jQuery vēlas, lai mēs netērētu laiku un kodu, darot lietas tālu, tāpēc tas mums piedāvā zvanu īsceļus AJAX Visizplatītākās metodes, piemēram GŪT Y POST, tāpēc, izmantojot saīsni, mēs ietaupām dažas koda rindas un tādējādi varam samazināt savas lietojumprogrammas svaru.
Par to oficiālajā dokumentācijā jQuery Mums ir visi esošie gadījumi, tomēr mēs atkārtosim iepriekšējo piemēru, izmantojot šajā gadījumā saīsni, bet pirms funkcionālā koda redzēšanas apskatīsim nefunkcionālo piemēru:
$ .get (ceļš, dati, SuccessFunction, ResponseType);
Kā mēs pamanījām, ka šis zvans ir daudz mazāks, kas palīdz mums iegūt tīrāku un vieglāku kodu, tagad to piemērojot mūsu iepriekšējam piemēram, tas būtu šāds:
AJAX pieprasījuma piemērsApstrādāt AJAX
Mēs redzam, ka līniju un rakstzīmju skaits tika ievērojami samazināts, kas uzlabotu mūsu datu pārraidi, izmantojot mazāku joslas platumu. Ja mēs pārlūkprogrammā palaižam visu, tā mums sniegs šādu atbildi:
