Quiero actualizar parte de la página HTML, ¿qué debo hacer?
El interrogador puede usar la función javascript ajax para implementar parte de la función de actualización en la página HTML. Por ejemplo: solo actualicé un div en la página html, cambié el contenido en el div o actualicé el. data.Can Al cambiar la ruta de implementación de la URL de la función ajax, puede acceder a archivos en un directorio determinado o enviar una solicitud al servidor para actualizar los datos. Este es un método común. >
Estoy en la página html. Utilice ajax para actualizar el contenido en el archivo de texto local ajax_info.txt y cárguelo en el control div con el ID myDiv, y no es necesario actualizar la página en su totalidad.
El contenido de ajax_info.txt es el siguiente:lt;pgt; AJAX no es un nuevo lenguaje de programación, sino una nueva forma de utilizar los estándares existentes.
lt;/pgt;
lt;pgt;
AJAX es el arte de intercambiar datos con el servidor sin recargar toda la página.
lt; /pgt;
El código de la página html es el siguiente: lt; htmlgt;
lt; utf-8"gt;
lt;scriptgt;
función?loadXMLDoc()
{
var?XMLHttpRequest)
{
//IE7,?Firefox,?Chrome,?Opera,?Safari? código de ejecución del navegador
xmlhttp= new?XMLHttpRequest();
}
else
{
//IE6, código de ejecución del navegador IE5
xmlhttp=new?ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET", "/try/ajax/ajax_info.txt", verdadero);
xmlhttp.send();
}
p>lt; /scriptgt;
lt;/headgt;
lt;bodygt;
lt;div?id="myDiv"gt ;lt;h2gt; Usar AJAX para modificar este texto contentlt;/h2gt;lt;/divgt;
lt;Button?type="button"?onclick="loadXMLDoc()"gt;Modificar contenido lt;/buttongt;
lt;/bodygt;
lt;/htmlgt;
El efecto de la página inicial es:
Hacer clic El efecto de la página del botón es:
El sujeto puede intentarlo. Si le resulta engorroso, puede echar un vistazo a la función ajax de jquery, que ha sido optimizada y simplificada, lo que facilita su uso y su introducción.