AJAX ili Ajax je asinhroni JavaScript i XML. Koristi se za razmjenu podataka s poslužiteljem i ažuriranje dijela web stranice bez ponovnog učitavanja cijele web stranice na strani klijenta. Prikaz i ponašanje postojeće web stranice uopće se ne ometaju pri razmjeni i ažuriranju podataka. Ajax se također smatra grupom tehnologija koja ima HTML, CSS, DOM i JavaScript koje se koriste za označavanje, oblikovanje i omogućavanje korisniku interakcije s informacijama na web stranici. U ovom članku će vam pokazati kako napisati jednostavan program u Ajax koracima po koracima koristeći Notepad ++. Potrebno je osnovno znanje o HTML -u, DOM -u, JavaScript -u i lokalnom web serveru ili udaljenom web serveru. WampServer se u ovom članku koristi za test.
Koraci
Metoda 1 od 2: Kodiranje
3929304 1
Korak 1. Pripremite sliku za pisanje Ajax programa
Sačuvajte sliku u istu fasciklu u koju ćete sačuvati html i tekstualne datoteke koje prikazuju program Ajax. U ovom članku, direktorij “ProgramInAjax” postavljen je unutar mape “wamp” u direktoriju “www” u koji ste instalirali WampServer.
3929304 2
Korak 2. Otvorite bilo koji uređivač teksta
Notepad ++ se koristi kao uređivač teksta u ovom članku.
3929304 3
Korak 3. Kreirajte novu datoteku u uređivaču teksta
Upišite sljedeće:
Oh oh! Gdje je nestao žuti cvijet?
Možete unijeti što god želite unutar html oznake ovdje.
3929304 4
Korak 4. Sačuvajte datoteku kao tekstualni dokument s imenom „ajax-data.txt
” Zapravo, datoteci možete dati ime kako god želite, ali svakako unesite isti naziv datoteke za kodiranje u ovoj liniji:
xmlhttp.open ("GET", "ajax-data.txt", true);
Međutim, HTML oznaka se koristi za zaglavlje tako da izgleda veće i nevidljivije.
3929304 5
Korak 5. Kreirajte novu datoteku za web stranicu
Ova datoteka služi za HTML datoteku za pregled Ajax programa u web pregledniku.
3929304 6
Korak 6. Kopirajte sljedeći kôd:
Moj prvi Ajax program od mene Stavite Ajax kod ispod.
Pritisnite dugme ispod da cvijet nestane
3929304 7
Korak 7. Sačuvajte datoteku
Pritisnite tipku za spremanje na traci izbornika. Otvoren je okvir "Spremi kao". Unesite naziv dokumenta. U ovom članku naziv datoteke je "indeks".
3929304 8
Korak 8. Pritisnite padajuću strelicu za odabir nastavka datoteke
U polju "Spremi kao vrstu" kliknite strelicu padajućeg izbornika da biste odabrali nastavak datoteke.
3929304 9
Korak 9. Odaberite “Jezička datoteka za označavanje hiperteksta
” Uvjerite se da ima "html" unutar zagrada. Kliknite Spremi nakon što odaberete "html".
3929304 10
Korak 10. Testirajte HTML datoteku u web pregledniku
Otvorite web stranicu u web pregledniku. Idite na “Run” na gornjoj traci menija. Kliknite na nju i odaberite "Pokreni u Chromeu" ili bilo koji preglednik koji je instaliran na vašem sistemu. Za testiranje u ovom članku koristi se Google Chrome. Možda imate neke druge preglednike instalirane u programu Notepad ++. Možete odabrati svoj omiljeni pregledač. Druga mogućnost je da kliknete ikonu WampServer na programskim trakama pri dnu ekrana i odaberete "Localhost". Tamo biste trebali vidjeti svoj direktorij i kliknuti datoteku indeksa.
Korak 11. Pritisnite dugme ispod slike da biste testirali skriptu
3929304 12
Korak 12. Vaša posljednja web stranica
Vaša web stranica bi trebala biti osvježena podacima koje ste unijeli u tekstualnu datoteku na početku. Cvijet i zaglavlje treba zamijeniti novim zaglavljem pod nazivom „Oh oh! Gdje je nestao žuti cvijet?"
Metoda 2 od 2: Objašnjenje koda
3929304 13
Korak 1. Dio tijela
Telo HTML -a ima odjeljak “div” i jedno dugme. Ovaj odjeljak će se koristiti za prikaz informacija vraćenih s poslužitelja. Gumb poziva funkciju pod nazivom "loadXMLDoc ()", ako se na nju klikne.
Moj prvi Ajax program od mene Ovdje ide slika za testiranje Ajax programa.
Pritisnite dugme ispod da cvijet nestane
Ovdje ide dugme
3929304 14
Korak 2. Glava
Zaglavlje HTML datoteke ima oznaku skripte koja sadrži funkciju “loadXMLDoc ()”.
Moj prvi Ajax program od mene Ispod stavite Ajax kod.
Korak 3. Više objašnjenja
Najvažnija stvar Ajaxa je objekt XMLHttpRequest. Koristi se za razmjenu podataka s poslužiteljem, a svi moderni preglednici podržavaju objekt.
Sintaksa za kreiranje objekta XMLHttpRequest () je varijabla = novi XMLHttpRequest (); ali istovremeno je sintaksa za stvaranje starih verzija Internet Explorera (IE5 i IE6) koja koristi ActiveX objekt varijabla = novi ActiveXObject ("Microsoft. XMLHTTP");.
Da bi mogli rukovati svim modernim preglednicima, potrebno je provjeriti podržavaju li preglednici objekt XMLHttpRequest. Ako to učini, stvara objekt XMLHttpRequest. Ako to ne učinite, stvorit će za njega ActiveX objekt.
Zatim će poslati zahtjev serveru. Koristit će se metoda objekta XMLHttpRequest pod nazivom “open ()” i “send ()”. xmlhttp.open ("GET", "ajax_info.txt", true); xmlhttp.send ();.
Savjeti
Još jedna mogućnost za pregled rezultata, možete otvoriti svoj omiljeni preglednik i upisati “localhost/ProgramInAjax” u traku web adrese za prikaz web stranice. Trebali biste moći vidjeti web stranicu ako svojoj HTML datoteci date ime “index.html”.
Čuvajte html datoteku češće tokom rada. Istovremeni pritisak Ctrl i S za korisnike Windowsa uštedjet će više vremena.
Svakako dodajte spremljenu HTML datoteku na isto mjesto gdje se nalaze vaša slika i tekstualna datoteka s podacima.
Kada imenujete datoteku, razlikuju se velika i mala slova kada ta imena dodate u kôd. Na primjer, "myImage" se razlikuje od "MyImage" ili "myimage".
Ovo je uvod u Pygame za ljude koji već znaju Python. Ovaj članak će vas naučiti koracima za izgradnju jednostavne igre u kojoj igrač izbjegava odbijanje lopti. Koraci 1. dio od 8: Instaliranje Pygame -a Korak 1. Preuzmite Pygame Pronađite je za svoju platformu na Korak 2.
Java (ne treba mešati sa Javascript) jedan je od najpopularnijih programskih jezika. Java je programski jezik na visokom nivou koji se može koristiti za razvoj aplikacija za više operativnih sistema, uključujući Windows, macOS, Linux i Android.
C je jedan od starijih programskih jezika. Razvijen je 70-ih godina, ali je i dalje vrlo moćan zahvaljujući niskom nivou. Učenje C odličan je način da se upoznate i sa složenijim jezicima, a znanje koje ste stekli bit će korisno u gotovo svakom programskom jeziku i može vam pomoći da uđete u razvoj aplikacija.
"Policijski skener" je drugi naziv za radio skener, komunikacijski uređaj koji prati radio signale u vašem lokalnom području. Osim komunikacije hitnog osoblja, poput policije i vatrogasaca, skeneri se takođe mogu programirati frekvencijama na razne druge javne službe za komunikaciju, uključujući škole, medije i komunalna preduzeća.
Ovaj wikiHow će vas naučiti kako programirati vaš Vizio TV nakon postavljanja. Srećom, Vizio je programiranje njihovih televizora učinio prilično jednostavnim, a mi ćemo vas provesti kroz ono što trebate učiniti korak po korak. U slučaju da naiđete na probleme, uključili smo i neke savjete za rješavanje problema.
