Получить внешний контент с помощью javascript

Question

Я хотел бы сделать сайт, который перейдет на внешнюю веб-страницу и получит контент, который находится между некоторыми div.

Внешнее содержимое URL: http://www.fazenda.org.br/palavra_vida/

код контента, который я хочу, чтобы извлечь:

<div class="bloco"> 
    <h2>Palavra do Dia</h2> 
    <span> 
    <p><span class="negrito">Todo aquele que é da verdade escuta a minha voz</span>&nbsp;Jo 18, 33b-37</p><p>Jesus Cristo, Rei do Universo </p>  </span> </div> 

Как я могу получить содержимое, которое находится между

<p> <span class="negrito"> Todo aquele que é da verdade escuta a minha voz</span>&nbsp;Jo 18, 33b-37</p><p>Jesus Cristo, Rei do Universo </p>  </span> 

Спасибо всем!

Answer 1

В данном случае это не было бы возможным, так как вам нужно будет выполнить запрос AJAX и с назначения считается риск безопасности и будет заблокирован веб-браузер с сообщением об ошибке, подобное этому:

XMLHttpRequest cannot load http://www.fazenda.org.br/palavra_vida/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://yourdomain.com' is therefore not allowed access. 

Вам нужно будет сделать это на любом серверном языке, который вы используете.

Просто, чтобы показать пример того, как вы могли бы это сделать, если страница назначения принадлежит к тому же домену:

$.ajax({ 
    url: "/palavra_vida/", 
    dataType: 'text', 
    success: function(data) { 
      var phrase = $(data).find("div.bloco > span > p > span.negrito").text(); 
      console.log(phrase); 
    } 
});