使用javascript獲取外部內容

Question

我想制作一個網站，該網站可以轉到外部網頁並獲取介於某些div之間的內容。

外部內容網址： 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請求，並且由於目的地將其視為安全隱患，並且將被Web瀏覽器阻止，並顯示類似於以下內容的錯誤消息：

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);
     }
});