jQuery load external site page

by

You’re running into a cross domain policy issue cause AJAX (for security reasons) will not let you grab content from a page that does not sit on the same domain.

To get rid of it and accomplish your task:
you need a PHP file you can call grabber.php with just this line of PHP:

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

Than inside your html (or whatever file just do like:)

<!DOCTYPE html>
<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <meta charset=utf-8 />
    <title>test</title>
</head>
<body>

    <div id="response"></div>

</body>

<script>
$(function(){
    var contentURI= 'http://domain.com #element';    // URL TO GRAB + # of any desired element // if needed :)
    $('#response').load('grabber.php?url="+ contentURI);
});
</script>

</html>

Why does this work?

  • now, AJAX is sending a simple GET request to the grabber.php page,
  • grabber.php echoes the desired content
  • now the content is on your (server) domain!
  • and AJAX is happy to serve you 🙂

More Related Contents:

  1. Load content of a div on another page
  2. jQuery load first 3 elements, click “load more” to display next 5 elements
  3. Fade in each element – one after another
  4. Can I load external stylesheets on request?
  5. jQuery: Check if image exists
  6. How do I load an url in iframe with Jquery
  7. Load website into DIV
  8. Calling function after .load (Jquery)
  9. jquery load() strips script tags – workaround?
  10. jquery callback after all images in dom are loaded?
  11. Cannot load an external page with jQuery.load into a div in my page
  12. $(this) doesn’t work in a function
  13. Jquery Multiple load in a DIV
  14. How to load external html into a div?
  15. JQuery .load() callback function
  16. HTML nchor Tag doesn’t show link
  17. How to trigger a click on a link using jQuery
  18. Submitting HTML form using Jquery AJAX
  19. The specified value does not conform to the required format yyyy-MM-dd
  20. Should one replace the usage addJSONData of jqGrid to the usage of setGridParam(), and trigger(‘reloadGrid’)?
  21. Weird Chrome prototype/jQuery conflict
  22. Why jQuery does not work on my home (local) machine?
  23. File upload using MVC 4 with Ajax
  24. jQuery to retrieve and set selected option value of html select element
  25. jQuery – Check if DOM element already exists
  26. jQuery – keydown / keypress /keyup ENTERKEY detection?
  27. Get the offset of a hidden element
  28. Is there a callback for Twitter’s Tweet Button?
  29. Benefits of using attr() over addClass in jquery
  30. How can I list the uploads from a YouTube Channel?

Leave a Comment