Recuperar código fuente de otro sitio Web

Fhernd · #1 (**permalink**) 04/05/2012, 15:51

Hola comunidad FDW,

Estoy desarrollando una extensión sencilla para Chrome, pero llevo ya algunos minutos averiguando cómo recuperar el código HTML de una dirección (e.g.: www.google.com) y luego recuperar un elemento por su ID. O iterar por una colección de elementos de determinada etiqueta (div, por ejemplo).

He probado algunos código, como:
Código:
<HTML>
<head>

<script language=javascript> 

function getcontent(acc, ind, key) {

var url = "http://www.mendhak.com/main.php";
var xmlhttp = new ActiveXObject("MSXML2.ServerXMLHTTP"); 
xmlhttp.open("GET", url, 0); 
xmlhttp.send(""); 
var xmlhttp = null; 
document.write(xmlhttp.responseText);
}

</script>

</head>
<body>
Hello

<b><a href="javascript:getcontent(0,0,'tyhfx')">get content</a></b>

</body>
</HTML>
Código:
Ç<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>
Pero no he obtenido ningún resultado satisfactorio.

¿Me podrían dar sugerencias para tratar de resolver este caso?

Gracias de antemano.

Hasta pronto.

emprear · #2 (**permalink**) 05/05/2012, 11:14

http://www.w3schools.com/dom/dom_nodes_get.asp
Pero no funciona con página de dominios diferentes

Saludos

chwc · #3 (**permalink**) 05/05/2012, 12:34

hola, primero nescesitas agregar un permiso al manifesto de la paginas que vas a recuperar:

Código Javascript:

Ver original"permissions": [
    "*://*.google.com/",
    "*://*.google.com.ar/"
  ]

luego, tu codigo debe ser correcto, usa esto como el codigo de el html que vas a usar

Código HTML:

Ver original<!doctype html>
<html>
  <head>
    <title>Obteniendo datos</title>
    <style>
      body {
        min-width:357px;
        overflow-x:hidden;
      }</style>
    <script src="popup.js"></script>
  </head>
  <body>
<p>Obteniendo datos</p>
  </body>
</html>

y luego creas popup.js, acuerdate que google chrome no usa microsoft.xmlhttprequest, usa la clase XMLHttpRequest()

Código Javascript:

Ver originalvar req = new XMLHttpRequest();
req.open(
    "GET",
    "http://www.google.com/",
    true);
req.onload = agregarDatos();
req.send(null);
function agregarDatos(){
alert(req.responseText);
}

y luego debes manipular el req.responseText,para obtener los ids,no se bien como pero debes buscas, seguramente hay una forma nativa.

saludos