Get page source of external URL and manipulate with javascript/jquery

Question

I'd like to somehow get the page source of an external URL, and with that, be able to get the contents of an h1 element.

For example, this is the logic:

 var url = "http://example.com";

 var src = // page src of url 

 // instead of document, it would use the variable src
 var headerText = document.getElementsByTagName("h1")[0].innerHTML;
 alert(headerText);

I know I can get stuff with curl/php, but have heard larger sites will cause server strain. I'd prefer to keep this as efficient as possible. Not really sure where to start.

Maybe $.parseHTML with jquery?

recoup8063
– recoup8063

2014-11-05 23:48:20 +00:00
Commented Nov 5, 2014 at 23:48 — recoup8063
– recoup8063, Commented Nov 5, 2014 at 23:48
stackoverflow.com/questions/5289027/…

nmford
– nmford

2014-11-06 00:05:44 +00:00
Commented Nov 6, 2014 at 0:05 — nmford
– nmford, Commented Nov 6, 2014 at 0:05

Chris · Accepted Answer · 2014-11-06 00:07:42Z

0

This cannot be done, by policy.

In Web pages, JavaScript (and client-side scripts in general) aren't allowed to access raw external resources from a different domain, in general.

The closest you're going to get is using AJAX (jQuery helps) to access a resource, but you (in general) need to be requesting a URL under the same domain.

answered Nov 6, 2014 at 0:07

Chris

27k6 gold badges61 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Get page source of external URL and manipulate with javascript/jquery

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related