random1 Posted November 14, 2010 Share Posted November 14, 2010 Hey All, I'm a complete noob with JavaScript. How can I get the HTML from an external website into a JavaScript variable? For example: http://mcse.pair.com/html/tut1.html Quote Link to comment Share on other sites More sharing options...
Wildbug Posted November 17, 2010 Share Posted November 17, 2010 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. Quote Link to comment Share on other sites More sharing options...
JonnoTheDev Posted November 17, 2010 Share Posted November 17, 2010 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> Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.