📜  guardar en una variable la peticion ajax - Javascript (1)

📅  最后修改于: 2023-12-03 14:41:39.893000             🧑  作者: Mango

Guardar en una variable la petición AJAX - JavaScript

En JavaScript, puedes realizar peticiones AJAX utilizando el objeto XMLHttpRequest o la función fetch().

Utilizando XMLHttpRequest
// Crea un objeto XMLHttpRequest
var xhttp = new XMLHttpRequest();

// Define la función que manejará la respuesta de la petición
xhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    // La petición se completó correctamente
    var response = this.responseText;
    // Aquí puedes procesar la respuesta como desees
    console.log(response);
  }
};

// Abre la conexión con el servidor
xhttp.open("GET", "url_de_la_peticion_ajax", true);

// Envía la petición
xhttp.send();

En el código anterior, se crea un objeto XMLHttpRequest llamado xhttp. Después, se define la función onreadystatechange que se ejecutará cada vez que cambie el estado de la petición. Dentro de esta función, se verifica que el estado de la petición sea 4 (indicando que la petición se completó) y que el código de estado sea 200 (indicando que la petición fue exitosa). En ese caso, se guarda la respuesta en la variable response y se puede hacer cualquier procesamiento adicional.

Utilizando fetch() (ES6+)
// Realiza una petición utilizando fetch()
fetch('url_de_la_peticion_ajax')
  .then(function(response) {
    // La petición se completó correctamente
    return response.text();
  })
  .then(function(data) {
    // Aquí puedes procesar la respuesta como desees
    console.log(data);
  })
  .catch(function(error) {
    // Ocurrió un error durante la petición
    console.log(error);
  });

En el ejemplo anterior, se utiliza la función fetch() para realizar la petición AJAX. La función fetch() devuelve una promesa que se resuelve con el objeto Response. Para obtener el contenido de la respuesta, se utiliza el método text() del objeto Response. Posteriormente, se puede procesar la respuesta dentro del bloque then(). Si ocurre un error durante la petición, se captura utilizando el método catch().

Estos son solo algunos ejemplos de cómo guardar en una variable la respuesta de una petición AJAX en JavaScript. Puedes adaptarlos según tus necesidades y requerimientos.