Java & AJAX Cheat Sheet

August 23  by Eliza

Som vist i tabellen nedenfor, kan du bruke disse Javascript uttalelser i din egen kode for å opprette og endre variabler i Javascript-funksjoner.

Element Beskrivelse
Var myVar = 0; Oppretter en variabel med gitt startverdi. Type bestemmes dynamisk.
stringVar = prompt ("melding") Sender melding til brukeren i en dialogboks, henter skriving fra bruker og lagrer den i stringVar.
stringVar.length Returnerer lengden (i tegn) av stringVar.
stringVar.toUpperCase (), stringVar.toLowerCase () Konverterer stringVar til store eller små bokstaver.
stringVar.substring () Returnerer et angitt undergruppe av stringVar.
stringVar.indexOf () Returnerer plasseringen til en substring i stringVar (eller -1).
parseInt () Konverterer string til int.
parseFloat () Konverterer strengen til å flyte.
toString () Konverterer alle variable til streng.
eval () Evaluerer streng som Javascript-kode.
Math.ceil () Konverterer et tall til heltall ved å runde opp.
Math.floor () Konverterer et tall til heltall ved å runde ned.
Math.round () Konverterer et tall til heltall ved standard avrunding algoritme.
Math.random () Returnerer tilfeldig flyte mellom 0 og 1.

Grunnleggende I / O-kommandoer i Javascript

Javascript programmerere vanligvis bruker kommandoene vist i tabellen nedenfor for å kontrollere dialogbasert inngang og utgang i programmer som skal brukes på nettet.

Element Beskrivelse
alert ("budskap"); Oppretter en popup dialogboks som inneholder "budskap".
stringVar = prompt ("melding") Send melding til brukeren i en dialogboks, hente skriving fra brukeren og lagre den i stringVar.

Javascript betingelser og forgrening kodestrukturer

Se følgende tabell for Javascript kontrollstrukturer du kan bruke i din programkode for å legge til forgrening og looping atferd til Javascript-programmer.

Element Beskrivelse
if (betingelse) {
// Innhold
} Else {
// Mer innhold
} // End if
Utfører innhold bare hvis betingelsen er sann.
Valgfri annet klausul oppstår hvis betingelsen er usann.
bryteren (uttrykk)
case: verdi;
// Kode
break;
standard:
// Kode
}
Sammenligner uttrykk mot en eller flere verdier. Hvis uttrykket er lik verdi, kjører tilsvarende kode.
Standard klausul fanger noen uoppfanget verdier.
for (i = 0; i <telle; i ++)
// Kode
} // Slutt for
Gjentar koden jeg ganger.
While (betingelse) {
// Kode
} // End mens
Gjentar kode så lenge betingelsen er sann.
Fungere fnName (paramaters) {
// Kode
} // End funksjon
Definerer en funksjon som heter fnName og sender den parametere. All kode inne i funksjonen vil utføre når funksjonen kalles.

Legg til Javascript Sammenligning Operatører til tilstanden Statements

Javascript bruker sammenligning operatører inne forhold til å gjøre numeriske eller alfabetiske sammenligninger av variabler til andre variabler eller verdier. Ved hjelp av disse operatørene, kan du avgjøre om en variabel er større enn, mindre enn, eller lik en annen variabel eller verdi. Du kan også bruke kombinasjoner av disse sammenligningsoperatorer.

Navn Operatør Eksempel Notater
Likestilling == (X == 3) Fungerer med alle variabeltyper, inkludert strykere.
Ikke lik ! = (X! = 3) True hvis verdier er ikke like.
Mindre enn < (X <3) Numerisk eller alfabetisk sammenligning.
Større enn > (X> 3) Numerisk eller alfabetisk sammenligning.
Mindre enn eller lik <= (X <= 3) Numerisk eller alfabetisk sammenligning.
Større enn eller lik > = (X> = 3) Numerisk eller alfabetisk sammenligning.

Lag Javascript Strukturer og objekter

Java lar deg sette sammen kodelinjer for å skape funksjoner og variabler for å lage arrays. Du kan sette funksjoner og variabler sammen for å opprette objekter.

Element Beskrivelse
fungere fnName (parametere) {
// Kode
} // End funksjon
Definerer en funksjon som heter fnName og sender den parametere. All kode inne funksjonen vil utføre når funksjonen kalles.
Var myArray = new Array ("a", "b", "c"); Oppretter en matrise. Elementer kan være en hvilken som helst type (selv blandede typer).
Var myJSON = {
"Navn": "Andy",
"Title": "forfatter"
}
Oppretter en JSON objekt. Hvert element har et navn / verdi-par, og kan inneholde hva som helst, inkludert en rekke (med firkant parenteser) en annen JSON objekt, eller en funksjon.
Var person = new Object ();
Person.name = "Andy";
Oppretter et objekt. Du kan legge til vanlige variabler (som blir egenskaper) eller funksjoner (som blir metoder).

Endre din webside med Javascript Document Object Model Metoder

Document Object Model metoder vist i tabellen nedenfor tilby deg en flott måte å få tilgang til og endre dine websider gjennom Javascript-koden.

Element Beskrivelse
myElement = document.getElementById ("navn"); Får et element fra siden med den angitte ID og kopier en referanse til dette elementet til variabelen myElement.
myElement.innerHTML = "verdi" Endrer verdien av elementet til "verdi".
document.onkeydown = keyListener Når en tast blir trykket, er en funksjon som heter keyListener automatisk aktivert.
document.onmousemove = mouseListener Når musen beveges, er en funksjon som heter mouseListener automatisk aktivert.
setInterval (funksjon, ms); Kjører fungere hver ms millisekunder.
myArray = document.getElementsByName ("navn") Returnerer en matrise av objekter med den aktuelle navn (ofte brukt med radioknapper).

Legg Søker Tools med regulære uttrykk Operatører i Javascript

Det vanlige uttrykket mekanisme legger ekstremt kraftige søking verktøy til programmering. Her er noen av de mest brukte regulære uttrykk som de er brukt i Javascript.

Operatør Beskrivelse Sampelmønster fyrstikker Ikke samsvarer
. (Punktum) Ethvert enkelt tegn bortsett fra linjeskift . E \ N
^ Begynnelsen av streng ^ A eple Banan
$ Slutten av strengen en $ banan Eple
[tegn] Noen av en liste over tegn på tannregulering [Abcabcabc] A D
[Røye utvalg] Alle tegn i området [A-zA-Z] F 9
\ D Noen enkelt Siffer \ D \ d \ d- \ d \ d \ d \ d 123-4567 The-ting
\ B En ordgrense \ Bthe \ b den Teater
+ En eller flere forekomster av forrige tegn \ D + 1234 Tekst
* Null eller flere forekomster av forrige tegn [A-zA-Z] d * B17, g 7
{Sifret} Gjenta foregående karakter sifrede ganger \ D {3} - \ d {4} 123-4567 999-99-9999
{Min, maks} Gjenta foregående karakter i det minste min, men ikke mer enn maks ganger . {2,4} Ca, com, info vannmelon
(Mønster segment) Lagre resultater i mønster minne tilbake med kode ^ (.). * \ 1 $ gig, velte Bobby

Vanligste metodene for jQuery Node

JQuery-biblioteket slår DOM-objekter i kraftige jQuery noder. Tabellen nedenfor viser noen av de mest brukte metodene for jQuery node.

M ethod Beskrivelse
addClass (), removeClass (), toggleClass () Gjelder eller fjerner en CSS-klasse til en jQuery node.
css ("attributt", "verdi") Gjelder en enkelt CSS-regel til jQuery node.
Css (JSONObject) Gjelder JSON objekt liste over CSS-regler og verdier til jQuery node.
html () Leser eller endrer HTML-innholdet i jQuery noden.
tekst () Leser eller endrer tekstinnholdet til en jQuery node.
val () Leser verdien av et element.
bind (event, funksjon) Triggere fungere å oppstå når hendelsen oppstår.
Show (), skjule (), toggle () Gjør element vises eller forsvinne.
animere (parametere, varighet) parametere er en JSON objekt bestående av CSS-regler og verdier. Verdier er jevnt endret fra dagens verdi å målrette verdier over varighet (målt i millisekunder).

jQuery velgere og Filter

En del av jQuery makt er basert på dens evne til å velge bestemte deler av siden. Denne tabellen inneholder flere vanlige velgere og filtre.

Selector / Filter Søker etter ...
$ ("Element") Noen HTML-elementet.
$ ("# ElementID") Ethvert element med en gitt ID.
$ (". Classname") Ethvert element med en gitt klasse navn.
: Header Overskrift tag (h1, h2, h3, og så videre).
: Animert Ethvert element som for øyeblikket blir animert.
: Inneholder (tekst) Ethvert element som inneholder den angitte tekst.
: Tom Elementet er tomt.
: Foreldre Et element som inneholder noe annet element.
: Attributt = verdi Elementet har en attributt med den angitte verdien.
: Input,: tekst,: radio,: image,:-knappen, etc Kamper på den spesifikke elementtypen (spesielt nyttig for skjemaelementer som er alle varianter av inngangs tag).

Legg jQuery User Interface Classes til Tema Styles

Disse CSS klasser er definert i en jQuery UI tema. Hvis du bruker jQuery UI, kan du legge til noen av disse klassene til dine objekter for å legge til tema stiler.

Klasse Brukes på D escription
ui-widget Ytre beholderen av widget Gjør element ser ut som en widget.
ui-widget-header Overskrift element Gjelder karakteristiske overskriften utseende.
ui-widget-innhold Widget Gjelder widget innhold stil til element og barn.
ui-state-standard Klikkbare elementer Viser standard (unclicked) tilstand.
ui-state-hover Klikkbare elementer Viser hover staten.
ui-state-fokus Klikkbare elementer Skjerm fokus tilstand når element har tastaturfokus.
ui-state-aktiv Klikkbare elementer Vise aktiv tilstand når musen er klikket på element.
ui-state-høydepunkt Enhver widget eller element Angir element er uthevet.
ui-state-feil Enhver widget eller element Angir et element vil inneholde en feilmelding eller advarsel.
ui-state-feil tekst Tekst element Lar feil utheving uten å endre andre elementer (som hovedsakelig brukes i form validering).
ui-state-disabled Enhver widget eller element Viser at widget er deaktivert.
ui-hjørnet-alt,
ui-hjørnet-tl (etc)
Enhver widget eller element Legger nåværende hjørne størrelse til element. Angi spesifikke hjørner med tl, st, bl, br, øverst, nederst, venstre, høyre.
ui-widget-shadow Enhver widget Gjelder skyggeeffekt til widget.

jQuery metoder for å sende en AJAX Request

Som du kan se av å studere tabellen, leverer jQuery flere metoder for å sende en AJAX forespørsel til serveren og tolking av resultatene.

Metode Beskrivelse
får (url, parametre) Send en HTTP GET-forespørsel til den gitte URL. Parametere er JSON objekt innkapsle skjemadata (navn / verdi-par). Resultatet returneres som HTML, XML, eller ren tekst data.
post (url, parametre) Akkurat som få, men bruker den post-metoden, som skjuler parametrene.
belastning (url, parametre) Mye som get (), men returnerer en jQuery objekt. Ringe jQuery objekter innholdet er erstattet av de returnerte dataene (vanligvis HTML eller XHTML).
getJSON Som få, men returnerer en JSON objekt, som kan analyseres for videre behandling.