Pradinis
Pagalba
Užsisakyk!
- Reklamą
- Hostingą
- El. pašto dėžutę
Užsisakyk!
Įrankiai
Pasidalink
- Visos temos
REKLAMA
PHPFusion - tai laisvai platinama nemokama turinio valdymo sistema (TVS), kurios pagalba galite greitai, lengvai ir
patogiai susikurti norimą internetinį puslapį. Plačiau apie sistemą...
Prisijungti
Šaukykla
ozzWANTED
2024 Sau. 17 01:01:00
Desperatiškus komentarus šaukykloje su accountu po mėnesio prasibuvimo, ištryniau. Pasaulis ir taip juodas. Įjungiam šviesą, prašviesės.
Majakas
2023 Gru. 10 19:12:39
Negaliu patikėti jog žinutės/pranešimai visi yra nuo 2008 m
Žmogus
2023 Rugs. 7 21:09:14
O gal BloodKiller pasijungs?
Apocal
2023 Rugs. 2 18:09:23
Nu davai nuveikiam kažką. Prisijungti kada visi čia .
Apocal
2023 Rugs. 2 00:09:18
Šiaip atėjau pažiūrėti ar dar lopas nesby yra ar koks ten buvo.
2024 Sau. 17 01:01:00
Desperatiškus komentarus šaukykloje su accountu po mėnesio prasibuvimo, ištryniau. Pasaulis ir taip juodas. Įjungiam šviesą, prašviesės.
Majakas
2023 Gru. 10 19:12:39
Negaliu patikėti jog žinutės/pranešimai visi yra nuo 2008 m
Žmogus
2023 Rugs. 7 21:09:14
O gal BloodKiller pasijungs?
Apocal
2023 Rugs. 2 18:09:23
Nu davai nuveikiam kažką
. Prisijungti kada visi čia .Apocal
2023 Rugs. 2 00:09:18
Šiaip atėjau pažiūrėti ar dar lopas nesby yra ar koks ten buvo.
Apklausa
Reklama 400x60
(Naujokams) Susipažinkime su AJAX
| Taigi AJAX technologijos naudojamos daugiau stilizavimui, tiek formoms tiek įvairioms navigacijoms ir panašiai, manau ne kartą esate susidūrę su panašiais variantais. 01: Sukurti API Na nedelskim ir pradėkim, žemiau pateikta funkcija nurodo kokius metodus mes atlikinėsime. $('#formos-elementas').ajaxify( { method : 'post', action : 'procesas.php', onSuccess : function() {}, onSubmit : function() {}, onError : function() {} } Taigi pažiūrėkime ir panagrinėkime ką čia mes čia parašėme. method - Šis variantas gali būti 'POST', 'GET', arba blank, tai yra tuščias. action - Nurodomas URL veiksmui atlikti, duomenims perkelti ir panašiai, jei bus paliktas tuščias tada pluginas kreipsis į formą ieškant atributu. onSuccess, onError - Ši dalis patikrina ar forma buvo užpildyta, ar ne tuščia. onSubmit - Šis veiksmas veikia kai paspaudžiamas submit mygtukas (Siūsti) ir automatiškai pradeda veikti visi aukščiau išvardinti kriterijai. Jei jūs nepabrėžiate onSubmit kriterijaus funkcijoje ir buvo paspaustas siųsti mygtukas, tada automatiškai skriptas gražins true rezultatą. 02: Nustatom pagrindus Taigi čia labai panašus kodas kaip ir viršuje tad nebeaiškinsiu kas ką atlieka, čia tiesiog nustatome numatytuosius parametrus kad viskas teisingai veiktų. (function($) { $.fn.ajaxify = function(parametrai) { var pagrindiniai = { method : '', action : '', onSuccess : function() {}, onSubmit : function() { return true }, onError : function() {} }; var opts = $.extend({}, pagrindiniai, parametrai); Šis reiškinys yra masyvas, čia apibrėžiami vartotojo pasirinkimai. 03: $.each apibrėžimas Taigi nustatome parametrą submit mygtukui. this.each(function() { $(this).bind('submit', function(event) { 04: Įrankio event parametras Event parametras tikrai turi nemažai padaryti kad forma darytu tai ką ir priklauso jei daryti. Taigi pirmosios eilutės būtu tokios. FORM = $(this); event.preventDefault(); Toliau suteikiame vartotojui galimybe daryti pasirinkimą (onSubmit) tad turime nustatyti teiginį jog onsubmit'as gražintu true arba false jei formoje kažkas klaidinga. if(!opts.onSubmit.call(FORM[0])) { return; } Taigi toliau panaudojame 'call' metodą, kad iškviestume onSubmit handlerius. Taip yra nes .call() metodas sugeba iškviesti 'this' funkciją. Faktiškai turi būti nustatyta (GET arba POST) ir veiksmų (paskirties URL) nes kitu atveju bus negerai... var method = opts.method || FORM.attr('method') || 'GET'; var action = opts.action || FORM.attr('action'); 05: AJAX Pateikimas jQuery perima visa darbą iš mūsų ajax'o, taip pat jei norėtumėt pasigilinti patarčiau pasiskaityti apie XMLHTTP basic'us. $.ajax({ type : method, url : action, data : FORM.serialize(), success : function(data) { opts.onSuccess.call(FORM[0], data); }, error : function() { opts.onError.call(FORM[0]); } }); type - Nurodomos formos metodo atributas url - Formos veiksmo atributas data - Duomenų struktūros pateikimas, .seralize() metodas nurodo visas sėkmingas įvykdytas užklausas. success - Jei buvo gražinta sėkminga formos užklausa. error - Taip pat kaip ir aukščiau tik čia jei buvo gražinta klaidinga užklausa. Na štai ir viskas pluginas beveik paruoštas darbui. 06: Panaudojam Plug-In Taigi pritaikome mūsų pluginui atitinkamus veiksmus: $('#ajaxify').ajaxify({ onSubmit : jeiPateikta, onSuccess : jeiSekmingai, onError : jeiKlaidingai }); Dabar apibrėžiame patį onSubmit metodą kurį nurodėme plugine. Čia jau prasideda daugmaž stilizavimas. Įsidėmėkite jog antroje eilutėje yra var valid = true; taip gražinamas true rezultatas function jeiPateikta() { var FORM = $(this); var valid = true; FORM.find('input').css('border-color', '#F0F0F0'); FORM.find('input').each(function() { if($(this).val() == '') { $(this).css('border-color', 'red'); valid = false; } }); return valid; } Dabar apibrėžkime rezultatus jei sėkmingai ir klaidingai buvo priimta užklausa. function jeiSekmingai(msg) { alert("Serveris sako " + msg); } function jeiKlaidingai() { alert("Neteisingai užpildyta!"); } | Straipsnio informacijaAutoriusSofteriZ Parašymo data 2011 gegužės 5 21:05:42 Komentarų 7 Skaityta 3338 Straipsnio sudėtingumas (Naujokams)  Spausdinti |
Komentarai
Rašyti komentarą
Prisijunkite, norėdami parašyti komentarą.
Reitingai
Balsuoti gali tik nariai.
Prašome prisijungti arba prisiregistruoti.
Prašome prisijungti arba prisiregistruoti.
|
