Jump to content

Getting the HTML from an external website into a JavaScript variable?


Recommended Posts

 

First of all, I don't think you can get just any external page to load in your script.  Look up "Same Origin Policy."  You can circumvent this for your own site by writing a simple proxy script (server side).

 

Aside from that issue, there are at least two ways you can get the content of another web page.  The first is Ajax, the second is an IFRAME.  It's possible to put an invisible IFRAME element in your document, set the src to the location you want, and then read the content once it has loaded using either the contentDocument (DOM) or contentWindow (IE) properties.

Just use PHP and convert to JSON

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sample</title>
<script type="text/javascript">
<?php
$html = file_get_contents("http://mcse.pair.com/html/tut1.html");
$html = json_encode($html);
?>
function foobar() {
var html = '<?php print $html; ?>';
alert(html);
}
window.onload = foobar;
</script>
</head>
<body>
</body>
</html>

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.