get código html usando javascript con una url

Estoy tratando de get el código fuente de html utilizando una xmlhttprequest con una url. ¿Hay alguien que pueda ayudarme con esto? Soy nuevo en la progtwigción y no estoy muy seguro de cómo puedo hacerlo sin jQuery. Gracias por adelantado.

3 Solutions collect form web for “get código html usando javascript con una url”

Use jQuery:

$.ajax({ url: 'your-url', success: function(data) { alert(data); } }); 

Esta información es tu HTML.

Sin jQuery (solo JS):

 function makeHttpObject() { try {return new XMLHttpRequest();} catch (error) {} try {return new ActiveXObject("Msxml2.XMLHTTP");} catch (error) {} try {return new ActiveXObject("Microsoft.XMLHTTP");} catch (error) {} throw new Error("Could not create HTTP request object."); } var request = makeHttpObject(); request.open("GET", "your_url", true); request.send(null); request.onreadystatechange = function() { if (request.readyState == 4) alert(request.responseText); }; 

Hay un tutorial sobre cómo usar ajax aquí: http://www.w3schools.com/ajax/default.asp

Este es un código de ejemplo tomado de ese tutorial:

 <html> <head> <script type="text/javascript"> function loadXMLDoc() { var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","ajax_info.txt",true); xmlhttp.send(); } </script> </head> <body> <div id="myDiv"><h2>Let AJAX change this text</h2></div> <button type="button" onclick="loadXMLDoc()">Change Content</button> </body> </html> 

Para soluciones externas (entre sitios), puede usar: https://stackoverflow.com/a/18447625/2657601

Utiliza la function $.ajax() , por lo que incluye google jquery.

  • Posibles problemas de security al configurar Access-Control-Allow-Origin
  • ¿Por qué cuando envío una request GET usando XMLHttpRequest, obtengo dos ReadyState 1?
  • El campo de encabezado de request Access-Control-Allow-Origin no está permitido por Access-Control-Allow-Headers
  • Permitir que Google Chrome use XMLHttpRequest para cargar una URL desde un file local
  • Javascript XMLHttpRequest: Ignorar certificate SSL no válido
  • ¿Qué encabezados HTTP pueden establecerse en JavaScript?
  • XMLHttpRequest onload property?
  • Opinión sobre requestes sincrónicas en trabajadores de la web
  • Cómo detectar el error Cross Origin (CORS) frente a otros types de errores para XMLHttpRequest () en Javascript
  • XmlHttpRequest overrideMimeType para datos salientes
  • Configuración de Firefox para habilitar la request ajax de dominio cruzado
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.