Tecnología

Inicio

Cómo obtener XMLHttp De devolución de llamada Ajax

Asynchronous JavaScript y XML, también conocido como AJAX, ofrece a los desarrolladores Web un conjunto de técnicas que transforman las páginas Web estáticas, en aplicaciones Web dinámicas interactivas. Aprender a usar AJAX no es difícil, solo requiere una cierta comprensión de cómo funciona el proceso de comunicación. La solicitud se envía al servidor pero en lugar de esperar para una respuesta, el proceso utiliza una técnica conocida como "devolución de llamada." Cuando el servidor responde por último, una función de devolución de llamada separada ejecuta. Siga estos pasos para crear su propia función de devolución de llamada AJAX.

Instrucciones

1 Abra Visual Studio y crear un nuevo proyecto Web de Visual Basic. Haga clic en "Archivo" y luego "Nuevo proyecto". Cuando aparezca la nueva ventana de proyecto, seleccione "Visual Basic / Web" de la vista de árbol y haga clic en el icono "Aplicación Web ASP.Net". Proyecto el nombre "AjaxSample" y haga clic en "OK". Después de una breve espera, aparecerá un nuevo espacio de trabajo del proyecto.

2 Crear un servicio Web simple. Haga clic en "Proyecto" y "Agregar nuevo elemento." Haga clic en el icono "Formulario Web". El nombre de "Servicio1" y haga clic en Cuando aparezca la ventana de diseño, haga clic derecho en la ventana y elija Agregue el código siguiente al controlador de Load "Añadir". "Ver código.":

Protected Sub Page_Load (remitente de ByVal como objeto, ByVal e As System.EventArgs) Maneja Me.Load

Response.Clear()
Response.Write("Hello World!")
Response.End()
End Sub

Cuando se solicita esta página, el texto "Hello World!" Es enviado en lugar de una página HTML.

3 Abrir el marcado de default.aspx. En la ventana Explorador de soluciones, haga clic en "default.aspx" y elija Agregar dos cabeceras y un botón a la forma de la siguiente manera "Vista de marcado.":

<% @ Page Título = "página inicial" Language = "VB" MasterPageFile = "~ / Site.Master" AutoEventWireup = "false"

CodeBehind=&quot;Default.aspx.vb&quot; Inherits=&quot;AjaxSample._Default&quot; %>

<Asp: Content ID = "HeaderContent" runat = "server" ContentPlaceHolderID = "headcontent">
</ Asp: Content>
<Asp: Content ID = "bodycontent" runat = "server" ContentPlaceHolderID = "maincontent">

&lt;h2>
AJAX Sample
&lt;/h2>
&lt;h3 id=&quot;title2&quot;>&lt;/h3>
&lt;input type=&quot;button&quot; id=&quot;btnTest&quot; value=&quot;Test&quot; onclick='btnTest_click()' />

4 Agregue el código JavaScript que llama al servicio Web. Para empezar, se declara una variable global RQST que llevará a cabo el objeto XmlHttpRequest:

<Script type = "text / javascript">
RQST var;

5 Crear una función para controlar el evento clic del botón:

btnTest_Click funcionar () {

rqst = new XMLHttpRequest();
rqst.open(&quot;get&quot;, &quot;Service1.aspx&quot;, true);
rqst.onreadystatechange = getResponse;
rqst.send();

}

Esta función crea un objeto XmlHttpRequest, llama a su método abierto con la dirección URL del servicio Web (Service1.aspx), establece la función de devolución de llamada a continuación, llama a su método de envío para enviar la petición.

6 Cree la función getResponse usando el siguiente código:

getResponse función () {

var title2 = document.getElementById(&quot;title2&quot;);
if (rqst.readyState == 4)
title2.innerHTML = rqst.responseText;

}
</ Script>
</ Asp: Content>

El servidor puede responder varias veces, cambiando el readyState de cero a 4. Cuando el valor cambia a 4, la respuesta es completa y se puede recuperar el resultado utilizando la propiedad responseText del XmlHttpRequest. Este valor se coloca dentro del título segundo sitio (h3).

7 Ejecuta el programa. Haga clic en la tecla "F5" para abrir la página. Haga clic en el botón "Test" para ejecutar el código JavaScript.

Consejos y advertencias

  • Visual Basic 2010 fue elegido debido a que proporciona un servidor Web incorporado y una manera fácil de crear el servicio.
  • Este código no funciona con Internet Explorer 6 o versiones anteriores.