Jump to content

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


random1

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>

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.