Extraer contenido de una web con jQuery

[vicenreler]

Hola.
Necesito extraer contenido de una web a partir de su url, una etiqueta de su html y una clase. A ser posible mediante Ajax. Para poder acoplarla a mi web
Sé seleccionar contenido a partir de una clase, es fácil, pero no sé de una url externa. También sé hacer peticiones Ajax, pero enviando y recibiendo datos en variables.

Agradecería un poco de ayuda y algo de código si es posible. Si pregunto es porque apenas encuentro información sobre este tema en concreto.

Gracias y saludos.

[vicenreler]

Al parecer con Ajax no se puede debido a la "política del mismo origen" --> http://es.wikipedia.org/wiki/Politica_del_mismo_origen

Entonces la pregunta sería para poder hacerlo sin Ajax. ¿Alguien puede ayudarme?

[Diego89]

Hace tiempo un usuario pregunto lo mismo y lo que le sugerí fuer usar un scrapping de YUI

Código Javascript:

YUI().use('yql', function(Y){
* * Y.YQL('select * from data.html.cssselect where url="http://www.forosdelweb.com/f13/como-hacer-esto-1004185/" and css="#post_message_4234006"', function(response) {
* * * * var html = response.query.results.results.div.p.content;
* * * * document.getElementById('muestra').innerHTML = html;
* * });
});
 

Cualquier cosa puedes verlo en acción aquí: http://jsbin.com/ovedew/1/edit

[chwc]

podes hacer un archivo en php que te otorge la respuesta
algo asi

Código PHP:

<?php
$get = $_GET['url'];
echo file_get_contents(url);
?>
 

y le mandas por el get la url, y te muestra lo que obtiene.
a partir de ahi con javascript tenes que obtener lo que nescesitas

[vicenreler]

Iniciado por chwc

podes hacer un archivo en php que te otorge la respuesta
algo asi

Código PHP:

<?php
$get = $_GET['url'];
echo file_get_contents(url);
?>
 

y le mandas por el get la url, y te muestra lo que obtiene.
a partir de ahi con javascript tenes que obtener lo que nescesitas

Gracias, pero lo que pretendo hacer es una aplicación de cliente pura, para que funcione en el navegador sin nada en el servidor.

[vicenreler]

Iniciado por Diego89

Hace tiempo un usuario pregunto lo mismo y lo que le sugerí fuer usar un scrapping de YUI

Código Javascript:

YUI().use('yql', function(Y){
* * Y.YQL('select * from data.html.cssselect where url="http://www.forosdelweb.com/f13/como-hacer-esto-1004185/" and css="#post_message_4234006"', function(response) {
* * * * var html = response.query.results.results.div.p.content;
* * * * document.getElementById('muestra').innerHTML = html;
* * });
});
 

Cualquier cosa puedes verlo en acción aquí: http://jsbin.com/ovedew/1/edit

Interesante Diego89, aunque estoy probando para seleccionar la clase 'q' de la etiqueta <p> de una página y no logro extraerlo. El html es algo así:

Código HTML:

<div>
   <p class="q">Texto</p>
</div> 

Estoy probando con tu código, pero en css=".q"

Por cierto, es curioso porque para el ejemplo que has puesto, para el texto de otros posts no funciona. Por ejemplo, probando con el id="post_message_4234036" que es el siguiente mensaje, devuelve 'undefined'