Come usare Ajax Con Visual Web Developer Express

October 13

Come usare Ajax Con Visual Web Developer Express


AJAX sta per Asynchronous JavaScript e XML. Non è un nuovo linguaggio di programmazione, ma un modo per scambiare dati con un server Web e aggiornare parti di una pagina web senza dover ricaricare l'intera pagina. AJAX è diventato popolare quando Google implementato per lo strumento di ricerca Google Suggest nel 1995. Da allora, molti siti web stanno utilizzando AJAX, tra cui YouTube e Facebook.To usano AJAX, W3Schools consiglia di avere una conoscenza di base di HTML / XHTML, CSS e JavaScript .

istruzione

Aggiungere AJAX Control Toolkit per Visual Web Developer Express

1 Scarica il toolkit Microsoft AJAX Control. Fare clic destro sul file e selezionare "Proprietà". Nella scheda "Generale", fai clic su "Sblocca" e quindi "OK".

2 Fare clic destro sul file e selezionare "Extract" per decomprimere i file in una cartella sul PC, come ad esempio C: \ Ajax.

3 Fare clic su "Start", "Tutti i programmi", "Microsoft Visual Studio 2010 Express" e "Microsoft Visual Web Developer 2010 Express." Fai clic su "Nuovo Sito Web" nella pagina "Start". Seleziona il tuo linguaggio di programmazione preferito nel riquadro di sinistra e "Sito Web ASP.NET" nel riquadro di destra.

4 Selezionare "File System" sotto "Location". Passare alla cartella sul vostro PC per il nuovo sito web o immettere un nuovo sito web, alla fine del percorso del file suggerito (per esempio, C: \ Users \ nomeutente \ Documenti \ Visual Studio 2010 \ WebSites \ MyAjaxSite). Fai clic su "OK".

5 Pulsante destro del mouse all'interno della finestra degli strumenti e selezionare "Aggiungi scheda." Inserire "Ajax Control Toolkit" sulla nuova scheda.

6 Pulsante destro del mouse sotto "Ajax Control Toolkit" e selezionare "Scegli elementi." Individuare C: \ ajax o dove è stato estratto il toolkit. Selezionare "AjaxControlToolkit.dll" e fare clic su "Apri". Fai clic su "OK".

Aggiunta di un controllo AJAX per un Web Form

7 Fare clic con il livello più alto in "Solution Explorer" e selezionare "Aggiungi nuovo elemento." Selezionare "Web Form", un nome alla nuova pagina Web (ad esempio, AjaxCalendar.aspx) e fare clic su "Aggiungi".

8 Trascinare il "ToolkitScriptManager" dal "Ajax Control Toolkit" nella casella degli strumenti sulla pagina web form. Trascinare un controllo server TextBox dalla scheda "Standard" sulla pagina. Modificare l'ID (ad esempio, "txtStartDate)" in vista origine o nelle proprietà riquadro.

9 Trascinare un "CalendarExtender" dal "Toolkit Ajax Control" alla pagina. Fare clic sul controllo poi cambiare "TargetControlID" Nel riquadro delle proprietà in modo che corrisponda l'ID del controllo server TextBox.

10 Salvare la pagina utilizzando "File" e poi "Salva". Premere il tasto "Ctrl" e "F5" per visualizzare in anteprima e testare la pagina utilizzando il server di sviluppo integrato in ASP.NET.

11 Fare clic nella casella di testo e un selettore del calendario verrà visualizzato. Selezionare una data e sarà inserito nella casella di testo.