Cómo hacer que asp.net se ejecute en el cliente
Esto es muy bueno cuando se combina con asp.net
maps.google.com está hecho de esto
Hay mucha información sobre Tecnología ajax en Internet Fácil de usar, de hecho, es esencialmente un javascript
Este sitio tiene AJAX China
.cn/
/
Ajax no es solo una tecnología específica, debe considerarse como una habilidad, mientras que su predecesor JavaScript es principalmente un componente. Sabemos que probablemente esté diciendo: "Ni siquiera vale la pena mencionar JavaScript", pero hay un nuevo interés en el lenguaje gracias a Ajax, los marcos de aplicaciones y pruebas y un mejor soporte de herramientas que ha hecho la vida mucho más fácil para los desarrolladores. Con el lanzamiento de Atlas, Microsoft ha puesto grandes esperanzas en Ajax, y el poco conocido marco web Rails también viene con soporte completo para Ajax. En el mundo Java, Sun ha agregado varios componentes Ajax a su catálogo de soluciones BluePrints.
Para ser sincero, Ajax no es nada nuevo. De hecho, el término "más reciente" relacionado con este término es XMLHttpRequest Object (XHR), y el término incluso apareció en Internet Explorer 5 (lanzado en la primavera de 1999), cuando apareció como un control Active X. Sin embargo, lo realmente nuevo es la compatibilidad con el navegador. Inicialmente, los objetos XHR sólo eran compatibles con Internet Explorer (lo que limitaba su uso), pero a partir de Mozilla 1.0 y Safari 1.2, los objetos XHR son ampliamente compatibles. Este objeto poco utilizado y los conceptos básicos asociados a él incluso aparecen en un estándar W3C: la especificación de carga y guardado DOM Nivel 3. Ahora, especialmente con la creciente popularidad de aplicaciones como Google Maps, Google Suggest, Gmail, Flickr, Netflix y A9, XHR se ha convertido en el estándar de facto.
A diferencia de los métodos mencionados en las páginas anteriores, Ajax se ejecuta en la mayoría de los navegadores modernos y no requiere ningún software o hardware especializado. De hecho, una de las principales ventajas de este enfoque es que los desarrolladores no necesitan aprender un nuevo idioma ni abandonar por completo sus habilidades en el lado del servidor. Ajax es un método del lado del cliente para interactuar con scripts J2EE, .NET, PHP, Ruby y CGI, y no le importa cuál sea el servidor. Aunque existen algunas limitaciones de seguridad menores, puedes empezar a utilizar Ajax ahora, incluso si aún no conoces las limitaciones, y aprovechar tus conocimientos previos.
Quizás te preguntes: "¿Quién usa Ajax? Como se mencionó anteriormente, Google fue claramente una de las primeras empresas en adoptar la tecnología Ajax, y existen innumerables ejemplos de esta tecnología, incluidos Google Maps, Google Suggestions, Gmail. y más, en lugar de actualizar la página cada vez que cambia los criterios de evaluación, consulta el servidor a medida que mueve el control deslizante, lo que hace que aclarar sus opciones sea más rápido y sencillo.
Ahora que está interesado en Ajax, es importante comprender cuándo debe y cuándo no debe utilizar la tecnología Ajax. En primer lugar, no tema probar nuevos enfoques en sus aplicaciones. Creemos que casi todas las aplicaciones web pueden beneficiarse. de la tecnología Ajax; simplemente no vaya demasiado lejos. Es apropiado comenzar con la validación, pero no limite su iniciativa. Ciertamente puede usar Ajax para hacerlo, pero es posible que no pueda usar Ajax como método. método principal para enviar datos
En segundo lugar, lo único que afectará su capacidad para utilizar Ajax son los problemas del navegador.
Si una gran cantidad de usuarios (o una cantidad particularmente significativa de usuarios) todavía utilizan navegadores antiguos, como Internet Explorer 5, Safari 1.2 o versiones anteriores a Mozilla 1.0, entonces la tecnología Ajax no funcionará. Si se trata de usuarios muy importantes, debería utilizar un enfoque de varios navegadores para dirigirse a los usuarios, deshacerse de Ajax o desarrollar un sitio que se degrade adecuadamente. La compatibilidad con el navegador puede no ser un factor importante porque Netscape Navigator4 tiene una pequeña participación en el mercado; sin embargo, vale la pena consultar los registros web para ver qué tecnologías funcionan para su aplicación;
Como se mencionó anteriormente, la validación y el llenado de formularios son muy adecuados para la implementación de Ajax. Además, puede utilizar la tecnología de "arrastrar y soltar" del DOM para crear sitios web verdaderamente dinámicos, como la página de inicio personalizada de Google.
Como puedes ver, Ajax abre nuevas oportunidades para el desarrollo de aplicaciones web. Ya no está limitado por su experiencia previa o su bajo rendimiento. Con Ajax, la línea entre clientes pesados y ligeros ya no está clara y los verdaderos ganadores son sus usuarios.
Ejemplo básico:
Paso 1 - "¡Por favor!" --- Cómo enviar una solicitud HTTP
Para enviar una solicitud HTTP al servidor en JavaScript, necesitas una instancia de una clase con dicha funcionalidad. Internet Explorer introdujo por primera vez una clase de este tipo en forma de un objeto ActiveX llamado XMLHTTP. Más tarde, Mozilla, Safari y otros navegadores hicieron lo mismo, proporcionando la clase XMLHttpRequest, que admite los métodos y propiedades proporcionados por los objetos Microsoft ActiveX.
Por lo tanto, para crear dicha instancia (objeto) entre navegadores, aplique el siguiente código:
if (window.XMLHttpRequest) { // Mozilla, Safari, ...
http_request = new XMLHttpRequest();
} else if (window.ActiveXObject) { // IE
http_request = new ActiveXObject("Microsoft. XMLHTTP") ;
}
(El ejemplo anterior simplifica un poco el código para explicar cómo crear una instancia de la clase XMLHTTP.
Si el servidor responde sin mime XML - Es posible que el tipo de encabezado no funcione correctamente con algunos navegadores Mozilla; si el servidor responde con un encabezado que no sea texto/xml, puede llamar a otros métodos para modificar el encabezado
http_request = new XMLHttpRequest();
http_request.overrideMimeType(' text/xml');
El siguiente paso es decidir qué se debe hacer cuando el servidor responda. Esto implica decirle a la solicitud HTTP qué función de JavaScript. el objeto utiliza para manejar la respuesta. Puede configurar la propiedad onreadystatechange del objeto con el nombre de la función JavaScript que se utilizará, de la siguiente manera:
http_request.onreadystatechange = nameOfTheFunction
Nota: No hay paréntesis después del nombre de la función. No es necesario pasar parámetros.
También hay una manera de definir una función y su comportamiento en la respuesta en tiempo de ejecución, como esta:
http_request.onreadystatechange = function(){
// hacer la cosa
};
Después de definir cómo manejar la respuesta, también debe definir la solicitud. Puede llamar a los métodos open() y send() de la clase de solicitud HTTP de la siguiente manera:
http_request.open('GET', 'http://www.example.org/some.file' , true);
http_request.send( null);
El primer parámetro de open() es el método de solicitud HTTP: GET, POST, HEAD o como quiera llamar Métodos soportado por el servidor. Según la especificación HTTP, este parámetro debe estar en mayúsculas; de lo contrario, es posible que algunos navegadores (como Firefox) no puedan manejar la solicitud. Para obtener más información sobre el método de solicitud HTTP, visite http://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html Especificaciones W3C
El segundo parámetro es la URL de la página solicitada. Debido a sus características de seguridad, esta página no puede ser una página de un dominio de terceros. Además, asegúrese de utilizar el nombre de dominio exacto en todas las páginas; de lo contrario, obtendrá un error de "Permiso denegado" al llamar a open(). Un error común es utilizar dominio.tld al acceder a un sitio web, pero www.dominio.tld al solicitar una página.
El tercer parámetro establece si la solicitud está en modo asíncrono. Si es "verdadero", la función JavaScript continuará ejecutándose sin esperar una respuesta del servidor. Esta es la "A" en "AJAX".
Si el primer parámetro es "POST", el método send() puede recibir cualquier dato para enviar al servidor. Los datos se enviarán al servidor en forma de cadena de la siguiente manera:
nombre=valor&anothername=othervalue&so=on
Paso 2 -- "¡Recibido!" Respuesta del servidor
Paso 2 - "¡Recibido!" --- Maneja la respuesta del servidor. --- Manejar la respuesta del servidor. --- Manejo de la respuesta del servidor
Al enviar una solicitud, proporcione el nombre de una función de JavaScript que especifique el manejo de la respuesta.
http_request.onreadystatechange = nameOfTheFunction;
Echemos un vistazo a lo que hace esta función. Primero, la función verifica el estado de la solicitud. Un valor de estado de 4 significa que se ha recibido una respuesta completa del servidor y puede procesarla.
if (http_request.readyState == 4) {
// Todo está bien, respuesta recibida
} else {
/ / todavía no está listo
}
}
La función readyState verifica el estado de la solicitud. p>
Los valores de readyState son los siguientes:
0 (no inicializado)
1 (cargando)
2 (cargado)
3 (Interactuando)
4 (Completado)
Luego, la función verifica el estado de la respuesta del servidor HTTP. Los valores de estado completos se pueden encontrar en el sitio web del W3C. Nos centraremos en las respuestas con un valor de 200 OK.
if (http_request.status == 200) {
// ¡Perfecto!
} De lo contrario {
// Hay algún problema con la solicitud,
// Por ejemplo, la respuesta podría ser 404 (Respuesta no válida). La respuesta puede ser un código de respuesta 404 (No encontrado)
// o 500 (Error interno del servidor)
}
Después de verificar el estado del solicitud y respuesta Una vez que se completa el estado HTTP, puede procesar datos desde el servidor. Hay dos formas de obtener estos datos:
http_request.responseText: devuelve la respuesta del servidor como una cadena de texto
http_request.responseXML: devuelve la respuesta como respuestaXML: devuelve la respuesta como XMLDocument Se devuelve el objeto. Las funciones DOM de JavaScript se pueden utilizar para procesar objetos XMLDocument
Paso 3: "¡Todo está listo!" if (http_request.readyState == 4) {
if (http_request.status == 200) {
alert(http_request.responseText);
} else {
alert('Hubo un problema con la solicitud.');
}
}
}
estilo ="cursor: puntero; decoración de texto: subrayado" onclick="makeRequest('test.html')"> Hacer una solicitud < /span> En este ejemplo: El usuario hace clic en el botón "probar" en el navegador. El usuario hace clic en el enlace "Solicitar" en el navegador; Luego se llamará a la función makeRequest(). Su parámetro, el archivo HTML test.html, se encuentra en el mismo directorio; Esto iniciará una solicitud. El resultado de onreadystatechange se pasará a alertContents(); alertContents() comprobará si la respuesta del servidor se recibió correctamente y, si la respuesta se recibió correctamente, "alert() "el contenido de el archivo prueba.html. Paso 4 - "X-Document" - Procesamiento de la respuesta XML En el ejemplo anterior, al recibir la respuesta del servidor a la solicitud HTTP, llamamos al objeto de solicitud propiedad ResponseText . Esta propiedad contiene el contenido del archivo test.html. Ahora probemos el atributo ResponseXML. Primero, creamos un nuevo archivo XML válido que usaremos más adelante. El código fuente de este archivo (test.xml) es el siguiente: I ' Soy una prueba. En este script solo necesitamos cambiar la parte de la solicitud: ... onclick="makeRequest('test.xml')"> ... A continuación, en alertContents(), alertaremos() el código alert(http_request. ResponseText ); reemplazado por: var xmldoc = http_request.responseXML; var root_node = xmldoc.getElementsByTagName('root').item(0); alert(root_node.firstChild.data); Aquí usamos el objeto XMLDocument proporcionado por ResponseXML y recuperamos el contenido almacenado en el archivo XML usando métodos DOM. Artículo 016 Creado el 3-12-2006 Autor enjovi Valoración