AJAX of Ajax is asynchrone JavaScript en XML. Dit word gebruik vir die uitruil van data met 'n bediener en die opdatering van 'n gedeelte van 'n webblad sonder om die hele webblad aan die kant van die kliënt te herlaai. Die vertoning en gedrag van die bestaande webblad word glad nie ingemeng tydens die uitruil en opdatering van die data nie. Ajax word ook beskou as 'n groep tegnologieë met HTML, CSS, DOM en JavaScript wat gebruik word om die gebruiker op die webblad te merk, te styl en dit moontlik te maak. In hierdie artikel sal dit u wys hoe u 'n eenvoudige program in Ajax -stappe stap vir stap met Notepad ++ kan skryf. 'N Basiese kennis van HTML, DOM, JavaScript en 'n plaaslike webbediener of afgeleë webbediener word vereis. WampServer word in hierdie artikel gebruik vir 'n toets.
Stappe
Metode 1 van 2: Kodering
3929304 1
Stap 1. Berei 'n prentjie voor vir die skryf van 'n Ajax -program
Stoor die prentjie in dieselfde gids waar u u html- en tekslêers wat die Ajax -program vertoon, stoor. In hierdie artikel word die "ProgramInAjax" -gids in die "wamp" -gids opgestel onder die "www" -gids waar u WampServer geïnstalleer het.
3929304 2
Stap 2. Maak enige teksredakteur oop
Notepad ++ word in hierdie artikel gebruik as die teksredakteur.
3929304 3
Stap 3. Skep 'n nuwe lêer in die teksredigeerder
Tik die volgende in:
O, o! Waar het die geel blom gegaan?
U kan binne die html -tag hier tik wat u wil.
3929304 4
Stap 4. Stoor die lêer as 'n teksdokument met die naam "ajax-data.txt
” U kan die lêer eintlik noem wat u wil, maar maak seker dat u dieselfde lêernaam vir die kodering in hierdie reël invoer:
xmlhttp.open ("GET", "ajax-data.txt", waar);
Die HTML -tag word egter vir die kop gebruik, sodat dit groter en meer onsigbaar lyk.
3929304 5
Stap 5. Skep 'n nuwe lêer vir 'n webblad
Hierdie lêer is vir 'n HTML -lêer om die Ajax -program in 'n webblaaier te sien.
3929304 6
Stap 6. Kopieer die volgende kode:
My eerste Ajax -program deur Me Plaas die Ajax -kode hieronder.
Klik op die knoppie hieronder om die blom te laat verdwyn
3929304 7
Stap 7. Stoor die lêer
Klik op die stoor -knoppie in die menubalk. 'N "Stoor as" -blokkie is oop. Voer 'n naam vir u dokument in. In hierdie artikel is die naam van die lêer 'indeks'.
3929304 8
Stap 8. Klik op die afrolpyltjie om die lêeruitbreiding te kies
Klik in die veld "Stoor as tipe" op die afrolpyltjie om die lêeruitbreiding te kies.
3929304 9
Stap 9. Kies “Hyper Text Markup Language file
” Maak seker dat dit 'html' in die hakie bevat. Klik op stoor nadat u die 'html' gekies het.
3929304 10
Stap 10. Toets die HTML -lêer in 'n webblaaier
Maak die webblad oop in 'n webblaaier. Gaan na "Run" in die boonste menubalk. Klik daarop en kies 'Begin in Chrome' of enige blaaier wat op u stelsel geïnstalleer word. Google Chrome word gebruik vir die toetsing in hierdie artikel. U het moontlik ander blaaiers in Notepad ++ geïnstalleer. U kan u gunsteling blaaier kies. 'N Ander opsie: u kan op die WampServer -ikoon in die taakbalk onderaan die skerm klik en' Localhost 'kies. U moet u gids daar sien en op die indekslêer klik.
Stap 11. Klik op die knoppie onder die prentjie om die skrif te toets
3929304 12
Stap 12. U finale webblad
U webblad moet verfris word met die inligting wat u aan die begin in die tekslêer ingevoer het. Die blom en die kop moet vervang word met die nuwe kop met die naam “Oh oh! Waar het die geel blom gegaan?”
Metode 2 van 2: Kode Uitleg
3929304 13
Stap 1. Die liggaamsdeel
Die liggaam van HTML het die afdeling 'div' en een knoppie. Hierdie afdeling sal gebruik word om die inligting wat van die bediener af teruggestuur word, te vertoon. Die knoppie noem 'n funksie met die naam "loadXMLDoc ()" as daar op geklik word.
My eerste Ajax -program deur Me 'N Beeld hier om die Ajax -program te toets.
Klik op die knoppie hieronder om die blom te laat verdwyn
'N Knoppie gaan hierheen
3929304 14
Stap 2. Die kopafdeling
Die kopgedeelte van die HTML -lêer het 'n script -tag wat die funksie "loadXMLDoc ()" bevat.
My eerste Ajax -program deur Me Plaas die Ajax -kode hieronder.
Stap 3. Meer uitleg
Die belangrikste ding van Ajax is die XMLHttpRequest -voorwerp. Dit word gebruik om data met die bediener uit te ruil en alle moderne blaaiers ondersteun die voorwerp.
Die sintaksis om 'n XMLHttpRequest () -objek te skep, is veranderlik = nuwe XMLHttpRequest (); maar terselfdertyd is die sintaksis om ou weergawes van Internet Explorer (IE5 en IE6) te skep wat 'n ActiveX -voorwerp gebruik, veranderlik = nuwe ActiveXObject ("Microsoft. XMLHTTP");.
Om al die moderne blaaiers te hanteer, moet dit nagaan of die blaaiers die XMLHttpRequest -voorwerp ondersteun. As dit wel die geval is, skep dit 'n XMLHttpRequest -voorwerp. As dit nie die geval is nie, sal dit 'n ActiveX -voorwerp daarvoor skep.
Dan sal dit 'n versoek na die bediener stuur. Die metode van die XMLHttpRequest -voorwerp genaamd "open ()" en "send ()" sal gebruik word. xmlhttp.open ("GET", "ajax_info.txt", waar); xmlhttp.send ();.
Wenke
'N Ander opsie om 'n voorskou van die resultaat te kry, kan u u gunsteling blaaier oopmaak en' localhost/ProgramInAjax 'in die webadresbalk tik om die webbladsy te vertoon. U moet die webblad kan sien as u u HTML -lêer 'index.html' noem.
Stoor u html -lêer meer gereeld tydens u werk. Deur die Ctrl en S terselfdertyd vir Windows -gebruikers in te druk, spaar u meer tyd.
Maak seker dat u u gestoorde HTML -lêer byvoeg op dieselfde plek waar u prent- en datatekslêer is.
As u 'n lêer 'n naam gee, is dit hooflettergevoelig as u die name in die kode voeg. 'MyImage' is byvoorbeeld anders as 'MyImage' of 'myimage'.
Dit is 'n inleiding tot Pygame vir mense wat reeds Python ken. Hierdie artikel sal u die stappe leer om 'n eenvoudige spel te bou waarin die speler balle kan weerstaan. Stappe Deel 1 van 8: Pygame installeer Stap 1. Laai Pygame af Vind dit vir u platform op Stap 2.
Wil u begin leer hoe om te programmeer? Om rekenaarprogrammering aan te gaan, kan ontmoedigend wees, en u dink miskien dat u lesse moet neem om te leer. Alhoewel dit vir sommige tale waar is, is daar 'n verskeidenheid programmeertale wat slegs 'n dag of twee neem om die basiese beginsels te verstaan.
Java (nie te verwar met die Javascript nie) is een van die gewildste programmeertale. Java is 'n programmeertaal op hoë vlak wat gebruik kan word om programme vir verskeie bedryfstelsels te ontwikkel, insluitend Windows, macOS, Linux en Android.
C is een van die ouer programmeertale. Dit is in die 70's ontwikkel, maar dit is steeds baie kragtig danksy die lae vlak. Leer C is ook 'n uitstekende manier om jouself bekend te stel aan meer komplekse tale, en die kennis wat jy opdoen, sal in byna elke programmeertaal nuttig wees en kan jou help met die ontwikkeling van programme.
VBScript is 'n inheemse programmeertaal van Windows wat hoofsaaklik gebruik word om webbedienertoepassings te skep. VBScript is ingebed in 'n HTML -lêer en is redelik eenvoudig. Let daarop dat VBScript verskil van Visual Basic, wat gebruik word vir lessenaarprogrammering.
