Turinys
Vienas iš pagrindinių „Ajax“ naudojimo būdų yra duomenų siuntimas į serverį, tam mes naudojame formas HTML5Tokiu būdu mūsų serverio scenarijai gali atlikti skaičiavimus, patvirtinimus, apdorojimą, suaktyvinti kitus scenarijus ir kt. Viskas, ko reikalauja mūsų poreikiai.Tokiu būdu mes gauname atsakymus į mūsų dokumentuose pateiktas užklausas, išvengdami viso puslapio perkrovimo, pageriname naršymą ir sukuriame daug optimalius ir interaktyvius efektus vartotojui, kuris įeina į mūsų svetainę.
Formos duomenų siuntimas
Kaip minėjome anksčiau, formų naudojimas yra raktas į duomenų siuntimą į serverį, vienas iš labiausiai paplitusių būdų yra savarankiškai surinkti informaciją ir ją suformatuoti, tokiu būdu ją būtų galima išsiųsti.
Pažiūrėkime šį kodą, kuriuo galime iliustruoti ir apibrėžti tai, ką paaiškiname šiame teoriniame skyriuje:
PavyzdysBananai:Obuoliai:Vyšnios:Iš viso:0 elementųPateikti formą
Šiame kode mes tiesiog turime formą su keliais įvesties laukais, bloke, kuriame prasideda etiketės, matome, kaip mes paimame duomenis iš formos ir kartojame kiekvieną rastą įvestį, kad galėtume jais manipuliuoti ir pridėti prie kintamasis, kuriame bus eilutė su kiekvienu iš duomenų, ši eilutė atrodo panašiai kaip ši:
bananai = 2 & obuoliai = 5 & vyšnios = 20 &.
Tada mes galime perduoti šiuos duomenis POST į mūsų serverį ir galiausiai gautas atsakymas yra įtrauktas į elementą su konkrečiu ID, todėl galime pakeisti puslapį visiškai jo neatnaujinę.
Toliau pateiktame paveikslėlyje pažiūrėkime, kaip tai atrodytų mūsų naršyklėje:
DIDELIS
Galime pastebėti, kad tai leidžia mums atnaujinti įvesties laukuose esančių elementų kiekį, taip sukuriant asinchroninį efektą, kuris suteikia daugiau sodrumo ir interaktyvumo mūsų puslapiui ar dokumentui. HTML5.Tuo baigiame šią pamoką, nes matome, kad sprendimą įgyvendinti yra gana paprasta Ajax Tai leidžia mums siųsti duomenis į serverį, nereikia generuoti naujo dokumento ir taip išvengti puslapio perkrovimo ir neprarasti konteksto to, ką vartotojas gali matyti savo ekrane.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką