-
Cómo cambiar un DIV en AJAX
-
Cambio de un DIV en AJAX es una tarea fácil. Un DIV, denotado por una etiqueta <div>, es la abreviatura de "división" y se refiere a una sección de estilo separado de código. AJAX, acrónimo de "JavaScript asíncrono y XML," ofrece amplios recursos para la creación de aplicaciones Web interactivas. Pero el cambio de un DIV en AJAX es simple.Instrucciones
1 Descargar e instalar el AJAX Control Toolkit en el ordenador desde CodePlex. Se puede utilizar cualquier aplicación de software de extracción para descomprimir el juego de herramientas, tales como WinZip o 7Zip.
2 Crear una aplicación AJAX que contiene una sección DIV y un botón. Necesitará la sección DIV para mostrar la información recibida de un servidor, mientras que se necesita en el botón para llamar a una función, si se hace clic. Es posible que el nombre de la función: loadXMLDoc (). Aquí está el código para su proyecto AJAX:
<Html>
<Body>
<Div id = "myDiv"> <h2> Let AJAX cambiar este texto </ h2> </ div>
<Tipo botón = "botón" onclick = "loadXMLDoc ()"> Cambiar contenido </ botón>
</ Body>
</ Html>
3 Pega el siguiente código para incluir una etiqueta <script> de la sección de cabecera de la página. Esta sección de la escritura se ejecutará la función loadXMLDoc () cuando se hace clic:
<Head>
<Script type = "text / javascript">
función loadXMLDoc ()
{
.... Script de AJAX va aquí ...
}
</ Script>
</ Head>
Todo lo que tiene que hacer es editar el código y haga clic en el botón para ver el cambio DIV.
Consejos y advertencias
- Hay muchos tutoriales AJAX disponibles en línea para ayudar a que lleguen a dominar.
