AJAX (JavaScript Asíncrono + XML ) es una tecnología en si, que nos permite realizar solicitudes externas sin necesidad de recargar la pagina para mostrar los resultados , así por ejemplo, puedes hacer que al ser ejecutado un botón, este realice una consulta a una base de datos o una API y muestre los resultados en un bloque especifico de nuestro sitio, sin necesidad de recargar todo.

A continuación te muestro un código que permite realizar una solicitud AJAX en unas cuantas líneas:

 

<script>
  function enviarVariable() {
    var descripcion = "nuevo evento creado";

    // Paso 1: Crear el objeto XMLHttpRequest
    var xhr = new XMLHttpRequest();

    // Paso 2: Definir la función de respuesta
    xhr.onreadystatechange = function() {
      if (xhr.readyState === 4) {
        if (xhr.status === 200) {
          // La solicitud se ha completado y la respuesta del servidor es 200 (OK)
          console.log("La solicitud fue exitosa.");
          console.log("Respuesta del servidor: " + xhr.responseText);
        } else {
          // La solicitud no se completó correctamente
          console.error("Error en la solicitud. Código de estado: " + xhr.status);
        }
      }
    };

    // Paso 3: Enviar la solicitud AJAX
    xhr.open("POST", "URL que recibira la consulta", true);
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xhr.send("descripcion=" + descripcion);
  }

  // Llamar a la función para enviar la variable cuando sea necesario
  //enviarVariable();
</script>

Espero te haya servido este contenido, déjamelo saber en los comentarios.