在我的网站上显示来自外部网站的某些div

Question

I am making a website and I'd like to display a portion of an external website seamlessly on my own. For example a certain div element. I understand this is not straightforward due to the same origin policy.. Is there a way to bypass this? For example dumping the website onto a local file and then loading it? Or screenshotting the website portion and linking to the image?

Answer 1

you can do this by

<?php
   $url = "http://www.bla.com";
   $page_all = file_get_contents($url); 

   preg_match('#<div class="hola">(.*)</div>#ms', $page_all, $div_array);


   echo "<pre>";
   print_r($div_array[0]);
   echo "</pre>";
?>

Note php solution requires allow_url_fopen option enabled thanks @shiplu.mokadd.im

or by ajax

$.ajax({
  url: 'http://bla.com',
  type: 'GET',
  success: function(res) {
  var divcontent= $(res.responseText).find('#div_name').html();
    $('#blabla').html(divcontent);
  }
});