Hvordan bruke Ajax Med Visual Web Developer Express

AJAX står for Asynchronous Javascript og XML. Det er ikke et nytt programmeringsspråk, men en måte å utveksle data med en webserver og oppdatere deler av en nettside uten å måtte laste hele siden. AJAX ble populær da Google implementert det for Google Suggest søkeverktøyet i 1995. Siden da er mange nettsteder bruker AJAX, inkludert YouTube og Facebook.To bruke AJAX, anbefaler W3Schools at du har en grunnleggende forståelse av HTML / XHTML, CSS og Javascript .

Bruksanvisning

Legg AJAX Control Toolkit til Visual Web Developer Express

1 Last ned Microsoft AJAX Control Toolkit. Høyreklikk på filen og velg "Properties". På "General" fanen, klikk på "Unblock" og deretter "OK".

2 Høyreklikk på filen og velg "Pakk" for å pakke ut filene i en mappe på din PC, for eksempel C: \ ajax.

3 Klikk "Start", "Alle programmer," "Microsoft Visual Studio 2010 Express" og "Microsoft Visual Web Developer 2010 Express." Klikk "Nytt nettsted" på "Start" side. Velg ønsket programmering språk i ruten til venstre og "ASP.NET Web Site" i ruten til høyre.

4 Velg "File System" under "Location". Bla til mappen på din PC for den nye nettsiden, eller skriv inn et nytt nettsted på slutten av den foreslåtte filplassering (for eksempel C: \ Users \ dittnavn \ Documents \ Visual Studio 2010 \ Webområder \ MyAjaxSite). Klikk på "OK".

5 Høyreklikk i verktøykassen og velg "Legg Tab." Enter "Ajax Control Toolkit" på den nye fanen.

6 Høyreklikk under "Ajax Control Toolkit" og velg "Velg elementer." Bla til C: \ ajax eller hvor du pakket verktøysettet. Velg "AjaxControlToolkit.dll" og klikk "Åpne". Klikk på "OK".

Legge til en AJAX Control til et webskjema

7 Høyreklikk på øverste nivå under "Solution Explorer" og velg "Legg til nytt element." Velg "Web Form," gi den nye websiden (f.eks AjaxCalendar.aspx) og klikk "Legg til".

8 Dra "ToolkitScriptManager" fra "Ajax Control Toolkit" i verktøykasse på webskjema siden. Dra en TextBox server kontroll fra "Standard" fanen på siden. Rediger ID (for eksempel "txtStartDate)" i kildevisning eller i eiendommene ruten.

9 Dra en "CalendarExtender" fra "Ajax Control Toolkit" til siden. Klikk på kontroll da endre "TargetControlID" I Egenskaper-panelet for å matche ID TextBox server kontroll.

10 Lagre siden ved hjelp av "File" og deretter "Lagre". Trykk "Ctrl" og "F5" for å forhåndsvise og teste siden ved hjelp av den innebygde ASP.NET utvikling server.

11 Klikk i tekstboksen og en kalender velger vises. Velg en dato, og det vil bli inngått i tekstboksen.