Tecnología

Inicio

Cómo utilizar Ajax Con Visual Web Developer Express

Cómo utilizar Ajax Con Visual Web Developer Express


AJAX significa Asynchronous JavaScript y XML. No es un nuevo lenguaje de programación, sino una manera de intercambiar datos con un servidor web y actualizar partes de una página web sin tener que recargar la página entera. AJAX se hizo popular cuando Google implementó para la herramienta de búsqueda Google Suggest en 1995. Desde entonces, muchos sitios web están utilizando AJAX, incluyendo YouTube y Facebook.To utilizan AJAX, W3Schools recomienda que tenga un conocimiento básico de HTML / XHTML, CSS y JavaScript .

Instrucciones

Añadir AJAX Control Toolkit para Visual Web Developer Express

1 Descargar el kit de herramientas de control de Microsoft AJAX. Haga clic en el archivo y seleccionar "Propiedades". En la pestaña "General", haga clic en "Desbloquear" y luego "Aceptar".

2 Haga clic en el archivo y seleccione "Extraer" para descomprimir los archivos a una carpeta de su PC, como por ejemplo C: \ ajax.

3 Haga clic en "Inicio", "Todos los programas", "Microsoft Visual Studio 2010 Express" y "Microsoft Visual Web Developer 2010 Express." Haga clic en "Nuevo sitio Web" en la página "Inicio". Seleccione su lenguaje de programación preferido en el panel izquierdo y el "Sitio Web ASP.NET" en el panel derecho.

4 Seleccionar "Sistema de archivos" en "Lugar". Vaya a la carpeta en su PC para la nueva página web o si introduce un nuevo sitio web al final de la ubicación del archivo sugerido (por ejemplo, C: \ Users \ sunombre \ documentos \ Visual Studio 2010 \ sitios de Internet \ MyAjaxSite). Haga clic en Aceptar."

5 Haga clic dentro de la caja de herramientas y seleccione "Agregar ficha." Enter "Ajax Control Toolkit" en la nueva pestaña.

6 Haga clic debajo de "Ajax Control Toolkit" y seleccione "Elegir elementos." Vaya a C: \ ajax o donde se ha extraído el kit de herramientas. Seleccione "AjaxControlToolkit.dll" y haga clic en "Abrir". Haga clic en Aceptar."

Adición de un control de AJAX a un formulario Web

7 Haga clic con el nivel más alto en "Explorador de soluciones" y seleccione "Agregar nuevo elemento." Seleccione "Formulario Web", el nombre de la nueva página Web (por ejemplo, AjaxCalendar.aspx) y haga clic en "Añadir".

8 Arrastre el "ToolkitScriptManager" de la "Ajax Control Toolkit" en la caja de herramientas hasta la página de formulario web. Arrastre un control de servidor TextBox desde la pestaña "estándar" en la página. Editar el ID (por ejemplo, "txtStartDate)" en vista de origen o en el panel de propiedades.

9 Arrastre un "CalendarExtender" de la "Herramienta de control de Ajax" a la página. Haga clic en el control, entonces cambie "TargetControlID" En el panel Propiedades para coincidir con el ID del control de servidor TextBox.

10 Guardar la página utilizando "Archivo" y luego "Guardar". Pulse la tecla "Ctrl" y "F5" para previsualizar y probar la página utilizando el servidor de desarrollo integrado en ASP.NET.

11 Haga clic en el cuadro de texto y un selector de calendario mostrará. Seleccione una fecha y que será incluido en el cuadro de texto.


Artículos relacionados