Si eres un desarrollador web, seguramente has oído hablar de AJAX y su capacidad para actualizar una página sin necesidad de recargarla. ¡Pero ahora es hora de dar un paso más allá! En este artículo, te hablamos sobre cómo hacer solicitudes con XMLHttpRequest y cómo manipular el objeto respuestaText. Prepárate para explorar nuevas posibilidades con AJAX y mejorar tus habilidades de programación web.
El XMLHttpRequest objeto se utiliza para enviar y recibir datos entre un navegador web y un servidor web. En este artículo, vamos a ver cómo recibir datos de un servidor web.
para recibir el respuesta desde un servidor web, puede utilizar el responseText o responseXML propiedad de la XMLHttpRequest objeto. En este artículo, vamos a ver el responseText con más detalle.
Ejemplo HTML
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function loadAjax() {
var xhr = false;
if (window.XMLHttpRequest) {
// IE7+, Firefox, Chrome, Opera, Safari
xhr = new XMLHttpRequest();
}
else {
// IE5/IE6
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
if (xhr) {
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
document.getElementById("div1").innerHTML = xhr.responseText;
}
}
xhr.open("GET", "/demo/ajax_load.txt", true);
xhr.send(null);
}
}
</script>
</head>
<body>
<img id="img1" onclick="loadAjax()" src="https://www.itgeared.com/ajax-responsetext-data-tutorial/go.png" /> ;
<div id="div1"> <!-- Some Content --> </div>
</body>
</html>Sintaxis
xhr.responseText;propiedad de texto de respuesta
Si la respuesta que recibe del servidor web no es XMLluego usa el responseText propiedad. El responseText La propiedad devuelve la respuesta como una cadena.
document.getElementById("div1").innerHTML = xhr.responseText;Error 403 The request cannot be completed because you have exceeded your quota. : quotaExceeded
