En los últimos años, he escrito demasiado jQuery. De hecho, esta es la esencia de Ajax en jQuery. , y los comentarios se escriben en detalle, por lo que todos deberían poder entender:
La copia del código es la siguiente:
<script type = "text/javaScript">
// (a) ① Método para obtener un archivo de texto (JavaScript tradicional implementa el método de escritura AJAX)
función loadxmldoc1 ()
{
var xmlhttp;
if (window.xmlhttprequest)
{
// Código para IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new xmlhttprequest ();
}
demás
{
// Código para IE6, IE5
xmlhttp = new ActiveXObject ("Microsoft.xmlhttp");
}
// onreadyStateChange almacena una función (o nombre de función), que se llamará cada vez que cambie la propiedad ReadyState.
xmlhttp.onreadyStateChange = function ()
{
// ReadyState
// El estado de xmlhttprequest está presente. Cambios de 0 a 4.
// 0: la solicitud no se inicializa
// 1: se ha establecido la conexión del servidor
// 2: la solicitud ha sido recibida
// 3: el procesamiento de solicitudes está en marcha
// 4: la solicitud se ha completado y la respuesta está lista
//estado
// 200: "OK"
// 404: Página no encontrada
if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
{
document.getElementById ("myDiv1"). innerhtml = xmlhttp.ResponsEtext;
}
}
xmlhttp.open ("get", "doc/test1.txt", true);
xmlhttp.send ();
}
Código de página HTML:
La copia del código es la siguiente:
<Body>
<Form ID = "form1" runat = "servidor">
<%-Obtenga el archivo de texto en el servidor y la pantalla-%>
<div id = "myDiv1"> <h2> Cambie el contenido a través de AJAX </h2> </div>
<botón id = "btnchange1" type = "button" onClick = "loadxmldoc1 ()"> Cambie el contenido a través de AJAX (Obtenga el texto anterior test1.txt) </botón>
</form>
</body>
Efecto de demostración: