Hice algo similar, pero no exactamente lo que estoy buscando. Lo que necesito es cargar una url que se está escribiendo en una entrada. P.ej. Escribo "001.xml" y lo envío y eso es lo que se va a cargar.

<!DOCTYPE html>
<html>
<head>
<script>
  src="https://code.jquery.com/jquery-3.4.1.js"
  integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
  crossorigin="anonymous"></script>
<script>
function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
     document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "", true);
  xhttp.send();

}
</script>
</head>
<body>

<div id="demo">
  <h2>Let AJAX change this text</h2>

</div>
  <input type="text" id="url"></input>
  <button type="button" onclick="loadDoc()">Change Content</button>
</body>
</html>
0
ignacio Spisso 12 abr. 2020 a las 02:03

2 respuestas

La mejor respuesta

Prueba esto:

function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
     document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  var url = document.getElementById("url").value;
  xhttp.open("GET", url, true);
  xhttp.send();

}

Espero que ayude.

1
Serghei Leonenco 11 abr. 2020 a las 23:12

¿Qué quieres cargar? ¿URL externa o alguna cadena de consulta a su página existente? Además, puede que tenga que cambiar la etiqueta <script> donde carga jQuery. src debe estar dentro de la etiqueta del script.

1
Mr Lister 12 abr. 2020 a las 14:39