AJAX nebo Ajax je asynchronní JavaScript a XML. Používá se pro výměnu dat se serverem a aktualizaci části webové stránky bez opětovného načítání celé webové stránky na straně klienta. Při výměně a aktualizaci dat není vůbec narušeno zobrazení a chování stávající webové stránky. Ajax je také považován za skupinu technologií, které mají HTML, CSS, DOM a JavaScript, které se používají k označení, stylu a umožňují uživateli interakci s informacemi na webové stránce. V tomto článku vám ukáže, jak napsat jednoduchý program v krocích Ajaxu pomocí kroků pomocí programu Poznámkový blok ++. Jsou vyžadovány některé základní znalosti HTML, DOM, JavaScript a místního webového serveru nebo vzdáleného webového serveru. WampServer je v tomto článku použit pro test.
Kroky
Metoda 1 ze 2: Kódování
3929304 1
Krok 1. Připravte si obrázek pro psaní programu Ajax
Uložte obrázek do stejné složky, kam uložíte html a textové soubory zobrazující program Ajax. V tomto článku je adresář „ProgramInAjax“nastaven ve složce „wamp“v adresáři „www“, do kterého jste nainstalovali WampServer.
3929304 2
Krok 2. Otevřete libovolný textový editor
Jako textový editor se v tomto článku používá Notepad ++.
3929304 3
Krok 3. Vytvořte nový soubor v textovém editoru
Zadejte následující:
OH oh! Kam zmizel žlutý květ?
Do tagu html můžete psát, co chcete.
3929304 4
Krok 4. Uložte soubor jako textový dokument s názvem „ajax-data.txt
” Ve skutečnosti můžete soubor pojmenovat, jak chcete, ale ujistěte se, že zadáte stejný název souboru pro kódování v tomto řádku:
xmlhttp.open ("GET", "ajax-data.txt", true);
Pro záhlaví se však používá tag HTML, takže vypadá větší a neviditelnější.
3929304 5
Krok 5. Vytvořte nový soubor pro webovou stránku
Tento soubor je určen pro soubor HTML k zobrazení programu Ajax ve webovém prohlížeči.
3929304 6
Krok 6. Zkopírujte následující kód:
Můj první program Ajax ode mě Níže zadejte kód Ajax.
Kliknutím na tlačítko níže květ zmizí
3929304 7
Krok 7. Uložte soubor
Klikněte na tlačítko Uložit na liště nabídek. Je otevřeno pole „Uložit jako“. Zadejte název dokumentu. V tomto článku je název souboru „index“.
3929304 8
Krok 8. Kliknutím na šipku rozevíracího seznamu vyberte příponu souboru
V poli „Uložit jako typ“klikněte na rozevírací šipku a vyberte příponu souboru.
3929304 9
Krok 9. Vyberte „Soubor jazyka Hyper Text Markup Language
” Ujistěte se, že má v závorce „html“. Po výběru „html“klikněte na tlačítko Uložit.
3929304 10
Krok 10. Otestujte soubor HTML ve webovém prohlížeči
Otevřete webovou stránku ve webovém prohlížeči. Přejděte na „Spustit“na horním panelu nabídek. Klikněte na něj a vyberte „Spustit v prohlížeči Chrome“nebo jakýkoli prohlížeč, který je nainstalován ve vašem systému. V tomto článku se pro testování používá Google Chrome. V programu Notepad ++ můžete mít nainstalovány některé další prohlížeče. Můžete si vybrat svůj oblíbený prohlížeč. Další možností je kliknout na ikonu WampServer na hlavním panelu v dolní části obrazovky a vybrat „Localhost“. Měli byste tam vidět svůj adresář a kliknout na soubor indexu.
Krok 11. Skript otestujte kliknutím na tlačítko pod obrázkem
3929304 12
Krok 12. Vaše konečná webová stránka
Vaše webová stránka by měla být aktualizována informacemi, které jste na začátku zadali do textového souboru. Květina a záhlaví by měly být nahrazeny novým záhlavím s názvem „Oh oh! Kam zmizel žlutý květ? “
Metoda 2 ze 2: Vysvětlení kódu
3929304 13
Krok 1. Část těla
Tělo HTML má sekci „div“a jedno tlačítko. Tato část bude použita k zobrazení informací vrácených ze serveru. Pokud na tlačítko kliknete, vyvolá funkci s názvem „loadXMLDoc ()“.
Můj první program Ajax ode mě Zde jde obrázek otestovat program Ajax.
Kliknutím na tlačítko níže květ zmizí
Tady jde tlačítko
3929304 14
Krok 2. Sekce hlavy
Sekce head souboru HTML obsahuje značku skriptu, která obsahuje funkci „loadXMLDoc ()“.
Můj první program Ajax ode mě Níže zadejte kód Ajax.
Krok 3. Více vysvětlení
Nejdůležitější věcí Ajaxu je objekt XMLHttpRequest. Slouží k výměně dat se serverem a objekt podporují všechny moderní prohlížeče.
Syntaxe k vytvoření objektu XMLHttpRequest () je proměnná = new XMLHttpRequest (); ale současně je syntaxe pro vytváření starých verzí aplikace Internet Explorer (IE5 a IE6), která používá objekt ActiveX, proměnná = nový ActiveXObject ("Microsoft. XMLHTTP");.
Aby bylo možné zpracovat všechny moderní prohlížeče, musí zkontrolovat, zda prohlížeče podporují objekt XMLHttpRequest. Pokud ano, vytvoří objekt XMLHttpRequest. Pokud tomu tak není, vytvoří pro něj objekt ActiveX.
Poté odešle požadavek na server. Bude použita metoda objektu XMLHttpRequest s názvem „open ()“a „send ()“. xmlhttp.open ("GET", "ajax_info.txt", true); xmlhttp.send ();.
Tipy
Další možnost náhledu výsledku je, že otevřete svůj oblíbený prohlížeč a do webového adresního řádku napíšete „localhost/ProgramInAjax“a webová stránka se zobrazí. Webovou stránku byste měli vidět, pokud soubor HTML pojmenujete na „index.html“.
Během práce ukládejte html soubor častěji. Stisknutím kláves Ctrl a S současně pro uživatele Window ušetříte více času.
Nezapomeňte přidat uložený soubor HTML na stejné místo, kde je textový soubor obrázku a dat.
Když pojmenujete soubor, rozlišují se velká a malá písmena, když je přidáte do kódu. Například „myImage“se liší od „MyImage“nebo „myimage“.
Chcete se začít učit programovat? Dostat se do počítačového programování může být skličující a můžete si myslet, že musíte studovat, abyste se mohli učit. I když to může platit pro některé jazyky, existuje celá řada programovacích jazyků, jejichž pochopení základů zabere jen jeden nebo dva dny.
Chtěli jste někdy vytvořit program od nuly? Programování může být velmi obohacující zážitek. Všichni skvělí počítačoví programátoři začínali stejně jako vy: bez znalostí, ale s ochotou číst, studovat a cvičit. Tento wikiHow vás naučí, jak se začít učit kódovat.
C je jedním ze starších programovacích jazyků. Byl vyvinut v 70. letech, ale díky tomu, jak je nízkoúrovňový, je stále velmi silný. Learning C je skvělý způsob, jak se seznámit i se složitějšími jazyky, a znalosti, které získáte, budou užitečné téměř v každém programovacím jazyce a mohou vám pomoci dostat se do vývoje aplikací.
Programování sestav je často klíčovým výchozím bodem, když se počítačoví programátoři učí svému řemeslu. Assembly language (také známý jako ASM) je programovací jazyk pro počítače a další zařízení a je obecně považován za variantu nízké úrovně ve srovnání s pokročilejšími jazyky, které nabízejí další funkce.
Mnoho lidí vnímá Fortran jako archaický a „mrtvý“programovací jazyk. Většina vědeckých a technických kódů je však napsána ve Fortranu. Programování ve F77 a F90 tak zůstává nezbytnou dovedností pro většinu technických programátorů. Nejnovější standardy Fortran (2003, 2008, 2015) navíc umožňují programátorovi psát vysoce účinný kód s minimálním úsilím a využívat všechny moderní jazykové funkce, jako je OOP (objektově orientované programování).
