AJAX tai Ajax on asynkroninen JavaScript ja XML. Sitä käytetään tietojen vaihtamiseen palvelimen kanssa ja verkkosivun osan päivittämiseen ilman koko verkkosivun lataamista uudelleen asiakaspuolelle. Olemassa olevan verkkosivun näyttö ja toiminta eivät häiritse tietoja vaihdettaessa ja päivitettäessä. Ajaxia pidetään myös joukkona tekniikoita, joissa on HTML-, CSS-, DOM- ja JavaScript -merkintöjä, joita käytetään merkitsemään, muotoilemaan ja sallimaan käyttäjän olla vuorovaikutuksessa verkkosivun tietojen kanssa. Tässä artikkelissa se näyttää kuinka kirjoittaa yksinkertainen ohjelma Ajaxin vaiheissa Notepad ++: n avulla. Vaaditaan HTML-, DOM-, JavaScript- ja paikallisen Web -palvelimen tai etäverkkopalvelimen perustiedot. WampServeriä käytetään tässä artikkelissa testissä.
Askeleet
Menetelmä 1/2: Koodaus
3929304 1
Vaihe 1. Valmistele kuva Ajax -ohjelman kirjoittamista varten
Tallenna kuva samaan kansioon, johon tallennat html- ja tekstitiedostot, joissa näkyy Ajax -ohjelma. Tässä artikkelissa "ProgramInAjax" -hakemisto on määritetty "wamp" -kansion sisälle "www" -hakemistoon, johon asennit WampServerin.
3929304 2
Vaihe 2. Avaa mikä tahansa tekstieditori
Notepad ++: ta käytetään tekstieditorina tässä artikkelissa.
3929304 3
Vaihe 3. Luo uusi tiedosto tekstieditorissa
Kirjoita seuraava:
Voi voi! Minne keltainen kukka katosi?
Voit kirjoittaa mitä haluat html -tunnisteen sisälle.
3929304 4
Vaihe 4. Tallenna tiedosto tekstiasiakirjan nimeksi “ajax-data.txt
” Itse asiassa voit nimetä tiedoston haluamallasi tavalla, mutta varmista, että kirjoitat saman tiedostonimen tämän rivin koodaukseen:
xmlhttp.open ("GET", "ajax-data.txt", tosi);
HTML -tagia käytetään kuitenkin otsikossa, jotta se näyttää isommalta ja näkymättömämmältä.
3929304 5
Vaihe 5. Luo uusi tiedosto verkkosivulle
Tämä tiedosto on tarkoitettu HTML -tiedostolle Ajax -ohjelman katsomiseen verkkoselaimessa.
3929304 6
Vaihe 6. Kopioi seuraava koodi:
Ensimmäinen Ajax -ohjelmani Laita Ajax -koodi alle.
Napsauta alla olevaa painiketta, jotta kukka katoaa
3929304 7
Vaihe 7. Tallenna tiedosto
Napsauta valikkorivin Tallenna -painiketta. Tallenna nimellä -ruutu on auki. Anna asiakirjalle nimi. Tässä artikkelissa tiedoston nimi on "index".
3929304 8
Vaihe 8. Valitse tiedostopääte napsauttamalla avattavaa nuolta
Napsauta Tallenna tyypiksi -kentässä avattavaa nuolta ja valitse tiedostopääte.
3929304 9
Vaihe 9. Valitse Hyper Text Markup Language -tiedosto
” Varmista, että suluissa on "html". Napsauta Tallenna, kun olet valinnut "html".
3929304 10
Vaihe 10. Testaa HTML -tiedosto verkkoselaimessa
Avaa verkkosivu verkkoselaimessa. Siirry ylävalikkopalkin kohtaan "Suorita". Napsauta sitä ja valitse”Käynnistä Chromessa” tai mikä tahansa järjestelmääsi asennettava selain. Tämän artikkelin testaamiseen käytetään Google Chromea. Muita selaimia voi olla asennettuna Notepad ++: een. Voit valita suosikkiselaimesi. Toinen vaihtoehto on napsauttaa WampServer -kuvaketta näytön alareunan tehtäväpalkissa ja valita "Localhost". Sinun pitäisi nähdä hakemistosi siellä ja napsauttaa hakemistotiedostoa.
Vaihe 11. Testaa skripti napsauttamalla kuvan alla olevaa painiketta
3929304 12
Vaihe 12. Viimeinen verkkosivusi
Verkkosivusi on päivitettävä tiedoilla, jotka annoit tekstitiedostoon alussa. Kukka ja otsikko on korvattava uudella otsikolla nimeltä "Oh oh! Minne keltainen kukka katosi?"
Tapa 2/2: Koodin selitys
3929304 13
Vaihe 1. Runko -osa
HTML -tekstissä on div -osio ja yksi painike. Tätä osiota käytetään näyttämään palvelimelta palautetut tiedot. Painike kutsuu funktiota nimeltä "loadXMLDoc ()", jos sitä napsautetaan.
Ensimmäinen Ajax -ohjelmani Kuva menee tänne testaamaan Ajax -ohjelmaa.
Napsauta alla olevaa painiketta, jotta kukka katoaa
Näppäin menee tähän
3929304 14
Vaihe 2. Pääosa
HTML -tiedoston pääosassa on komentosarjatunniste, joka sisältää "loadXMLDoc ()" -funktion.
Ensimmäinen Ajax -ohjelmani Laita Ajax -koodi alle.
Vaihe 3. Lisää selityksiä
Ajaxin tärkein asia on XMLHttpRequest -objekti. Sitä käytetään tietojen vaihtamiseen palvelimen kanssa, ja kaikki nykyaikaiset selaimet tukevat objektia.
XMLHttpRequest () -objektin luomisen syntaksi on muuttuja = new XMLHttpRequest (); mutta samalla syntaksi ActiveX -objektia käyttävien Internet Explorerin vanhojen versioiden (IE5 ja IE6) luomiseen on muuttuja = uusi ActiveXObject ("Microsoft. XMLHTTP");.
Kaikkien nykyaikaisten selainten käsittelemiseksi sen on tarkistettava, tukevatko selaimet XMLHttpRequest -objektia. Jos näin on, se luo XMLHttpRequest -objektin. Jos ei, se luo sille ActiveX -objektin.
Sitten se lähettää pyynnön palvelimelle. Käytetään XMLHttpRequest -objektin menetelmää nimeltä "open ()" ja "send ()". xmlhttp.open ("GET", "ajax_info.txt", tosi); xmlhttp.send ();.
Vinkkejä
Toinen vaihtoehto esikatsella tulosta, voit avata suosikkiselaimesi ja kirjoittaa Web -sivun näkyviin kirjoittamalla "localhost/ProgramInAjax" Web -osoiteriville. Verkkosivun pitäisi näkyä, jos annat HTML -tiedostolle nimen "index.html".
Tallenna html -tiedostosi useammin työn aikana. Painamalla Ctrl ja S samanaikaisesti Window -käyttäjille säästät enemmän aikaa.
Muista lisätä tallennettu HTML -tiedosto samaan paikkaan, jossa kuva- ja datatekstitiedosto ovat.
Kun nimeät tiedoston, se erottaa kirjaimet, kun lisäät nämä nimet koodiin. Esimerkiksi "myImage" on erilainen kuin "MyImage" tai "myimage".
Java (ei pidä sekoittaa Javascriptiin) on yksi suosituimmista ohjelmointikielistä. Java on korkean tason ohjelmointikieli, jota voidaan käyttää sovellusten kehittämiseen useille käyttöjärjestelmille, mukaan lukien Windows, macOS, Linux ja Android.
Kun lävistämme laskuriin pitkän yhtälön, saatamme usein joutua syntaksi- tai laskuvirheisiin unohtamalla sulkujen sulkemisen tai painamalla vääriä painikkeita. Laskuriohjelmien luominen voi auttaa vähentämään näitä virheitä erityisesti silloin, kun yritetään löytää muutos entalpiaan jatkuvassa paineessa.
Tämä wikiHow opettaa sinulle, miten voit ohjelmoida Vizio TV: si sen asennuksen jälkeen. Onneksi Vizio on tehnyt televisioidensa ohjelmoinnista melko suoraviivaisen, ja me opastamme sinua askel askeleelta. Jos sinulla on ongelmia, olemme lisänneet myös joitakin vianetsintävinkkejä.
Ohjelmointi voi joskus olla tylsää ja työlästä, varsinkin kun on kyse ohjelmointitunneista. Usein tekemäsi ohjelmat tuottavat kaiken vain mustassa pienessä ikkunassa ja siinä kaikki. Ohjelmointikielellä Python voit käyttää jotain nimeltä Turtle Graphics, jonka avulla voit luoda hienoja ohjelmia.
WOW -yleiskaukosäätimen voi ohjelmoida käyttämään useita kodin laitteita, kuten televisiota, DVD -soitinta, stereoa, videonauhuria ja paljon muuta. Kaukosäädin voidaan ohjelmoida useimpiin laitteisiin, kunhan syötät laitteesi kanssa yhteensopivan ohjelmointikoodin.
