Hvordan lage en AJAX Bruke jQuery
AJAX gjør Webdesigner å be en server eller vise innhold uten å måtte oppdatere en webside vises i brukerens nettleser. Denne type programmering reduserer belastningen på webserveren og ofte hastigheter opp koden utviklingen syklus. Du må ta med AJAX script bibliotekene mellom åpningen <head> og avsluttende </ head> taggene på siden din, og deretter kan du lage AJAX-spørringer ved hjelp av jQuery. Et godt første skritt i å lære AJAX og jQuery er å skape et pop-up vindu som viser informasjon til brukeren når websiden åpnes.
Bruksanvisning
1 Åpne Windows Utforsker eller filbehandler og gå til websiden som du ønsker å forbedre med AJAX kode. Høyreklikk på filen og velg "Åpne med" fra kontekstmenyen. Velg ditt foretrukne HTML editor.
2 Ta med jQuery bibliotekene i hodet av dokumentet. Kopier og lim inn følgende kode mellom åpnings <head> og avsluttende </ head> taggene:
<Script src = "& lt; / script" rel = "nofollow" target = "_blank"> http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"> & lt; / script >
<Script src = "& lt; / script" rel = "nofollow" target="_blank">http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
3 Lag HTML-koden for jQuery script. JQuery krever HTML-koder for å åpne, redigere og administrere dialogvinduer og sideinnholdet. Du oppretter et vindu i en HTML "div" tag å bruke sammen med jQuery kode. Følgende skaper et vindu som viser "Hello World" tekst:
<Div id = "# popup"> Hello World </ div>
4 Opprett jQuery script som åpner AJAX vindu fra websiden. Følgende kode viser popup opprettet i div tag:
<Script>
$(document).ready(function() {
$("#popup").dialog();
});
</ Script>