Load external URL content using pure Javascript

Question

The following JQuery gets content of an external url:

var url = 'example.com/editor/stores/10';
$('#storeArticlePublish_Channel').load(url);

I do not want to use JQuery. How would I do this using normal javascript?

"But I do not know how to write it in javascript" That is writing it in JavaScript. What you're really asking is how to do it without jQuery, just using the APIs built into the browser (the DOM and XMLHttpRequest). — T.J. Crowder
– T.J. Crowder, Commented Mar 25, 2015 at 10:07
Well, where are you stuck? What research have you done? What does your attempt to do it look like? — T.J. Crowder
– T.J. Crowder, Commented Mar 25, 2015 at 10:11
Please see "Should questions include “tags” in their titles?", where the consensus is "no, they should not"! — user57508
– user57508, Commented Mar 25, 2015 at 10:25

Tushar · Accepted Answer · 2015-03-25 10:37:13Z

5

You can use XMLHttpRequest object for this.To make a request:

var xmlhttp;
if (window.XMLHttpRequest)
{
  xmlhttp = new XMLHttpRequest();
}
xmlhttp.open("GET",URL,true);
xmlhttp.send();

The 'URL' is the url you want to execute/open. The 3rd parameter is for async request, it can be either true or false. And to get the result in #storeArticlePublish_Channel element, you can simply use this in the next line:

document.getElementById("storeArticlePublish_Channel").innerHTML = xmlhttp.responseText;

edited Mar 25, 2015 at 10:37

answered Mar 25, 2015 at 10:24

Tushar

1791 gold badge1 silver badge5 bronze badges

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

2 Comments

Tushar Over a year ago

I hope it helped you. Also, if you want to support old versions of IE then you can have a look at: This reference link

Federico Schiocchet Over a year ago

Does not work as it triggers the cross origin error blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Collectives™ on Stack Overflow

Load external URL content using pure Javascript

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related