AJAX - El objeto xmlhttprequest | Explicado
Este artículo explicará que AJAX - El objeto xmlhttprequest es y cómo puede crear y usar un objeto xmlhttprequest en JavaScript. Además, también proporcionaremos los métodos y propiedades del AJAX: el objeto xmlhttprequest. Entonces, comencemos!
¿Qué es el objeto xmlhttprequest?
El objeto AJAX: el objeto xmlhttprequest es una API que se utiliza para recuperar datos de un servidor específico. La programación AJAX hace un uso extensivo de XMLHTTPREQUEST. Puede obtener cualquier tipo de datos, incluidos Text, XML, JSON. En el fondo, el objeto XMLHTTPREQUEST solicita los datos y luego actualiza el sitio web sin requerir que el cliente vuelva a cargar la página. Para mantener la comunicación asincrónica entre el servidor y el cliente, se necesita un objeto de tipo xmlhttprequest.
Cómo crear un objeto xmlhttprequest
Un objeto xmlhttprequest incorporado es avialble en todos los navegadores modernos como Edge, Chrome, Firefox, Opera y Safari. Para crear un objeto xmlhttprequest, debe seguir la sintaxis dada por debajo del objeto xmlhttprequest:
var variAblename = new XMLHTTPREQUEST ();Ejemplo: Uso de AJAX - El objeto xmlhttprequest
En este ejemplo, intentaremos obtener el contenido del "Ajax_info.TXT" Archivo desde nuestro servidor, y luego reemplazaremos el contenido del párrafo con él:
AJAX - El objeto xmlhttprequest | Explicado
Aquí, hemos agregado un párrafo con la etiqueta y un "Cambiar párrafo" botón que invocaremos el "LoadingDoc ()" función, cuando haga clic en este botón:
Cambiaremos este párrafo.
Ejecute el programa anterior en su editor de código favorito o en cualquier Sandbox de codificación en línea; Sin embargo, utilizaremos el JSBIN para este propósito:
Desde la salida dada, haremos clic en el "Cambiar párrafo" botón:
Al hacer clic en el botón especificado, reemplazará el contenido actual del párrafo con el texto agregado en el "Ajax_info.TXT" Archivo del servidor:
Ahora echemos un vistazo a algunas de las propiedades y métodos útiles del objeto xmlhttprequest.
Métodos de objeto xmlhttprequest
| Método de objeto xmlhttprequest | Descripción |
|---|---|
| abortar() | El objeto xmlhttprequest "abortar()" El método se utiliza para cancelar la solicitud activa. |
| getResponseHeader () | El objeto xmlhttprequest "GetResponseHeader ()" Método Salida La información relacionada con un encabezado específico. |
| getAllResponseHeader () | El objeto xmlhttprequest "GetAllResponseHeader ()" El método muestra la información completa del encabezado. |
| abierto() | El objeto xmlhttprequest "abierto()" El método se utiliza para especificar la solicitud. Podemos pasar el nombre de usuario, la contraseña, la URL de un archivo o el método que puede ser "CONSEGUIR" o "CORREO" En este método. |
| enviar() | El objeto xmlhttprequest "enviar()" El método se utiliza para obtener una solicitud. |
| sendRequestHeader () | El objeto xmlhttprequest "SendRequestHeader ()" El método se utiliza para agregar un "Etiqueta: valor" Combinar que tiene que enviar al servidor. |
Propiedades del objeto xmlhttprequest
| Propiedades del objeto xmlhttprequest | Descripción |
|---|---|
| Responsetxt | El objeto xmlhttprequest "Responsetext" Se utiliza la propiedad para mostrar los datos de respuesta como una cadena. |
| estate | El objeto xmlhttprequest "ReadyState" La propiedad mantiene el estado xmlhttprequest. |
| OnreadyStateChange | El objeto xmlhttprequest "OnreadystStateChange" la propiedad se utiliza para definir una función que se invocará siempre que el valor del "ReadyState" cambios. |
| respuestaxml | El objeto xmlhttprequest "Respuestaxml" La propiedad muestra los datos de los datos de respuesta XML. |
| estatuste | El objeto xmlhttprequest "Estatustext" La propiedad emite el texto de estado como "DE ACUERDO" o "Extraviado". |
Conclusión
El objeto AJAX: el objeto xmlhttprequest es una API que se utiliza para recuperar datos de un servidor específico. La programación AJAX hace un uso extensivo de XMLHTTPREQUEST. Puede obtener cualquier tipo de datos, incluido Text, XML, JSON. Este artículo explicó qué es AJAX: el objeto xmlhttprequest y cómo puede crear y usar un objeto xmlhttprequest en JavaScript. Además, también proporcionamos los métodos y propiedades del AJAX: el objeto xmlhttprequest.