Inject another page using java script

Question

I have a need to inject some data which is present in another page(url) on the current page load. Below is the code I am using.But it doesnt work, is there is a problem with below code and how can I debug this issue?

function loadHTML(url, storage)
{
    var xhr = createXHR();
    xhr.onreadystatechange=function()
    { 
        if(xhr.readyState == 4)
        {
            //if(xhr.status == 200)
            {
                storage.innerHTML = getBody(xhr.responseText);
            }
        } 
    }; 

    xhr.open("GET", url , true);
    xhr.send(null); 

} 


function loadWholePage(url)
{
    /**
        storage is the div id where I want to inject html
    */
    var y = document.getElementById("storage");
    loadHTML(url, y);
}   


window.onload = function()
{
   loadWholePage('link_to_the_page') ;
};

StarPinkER · Accepted Answer · 2013-02-14 05:16:03Z

1

You hit a cross domain scripting problem. See Same Origin Policy.

As far as I know, JSONP can help you on this problem.

JSONP(JSON with Padding) provides a method to request data from a server in a different domain, something prohibited by typical web browsers because of the same origin policy.

edited Feb 14, 2013 at 5:16

answered Feb 14, 2013 at 5:09

StarPinkER

14.3k8 gold badges57 silver badges81 bronze badges

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

Comments

rahul · Accepted Answer · 2013-02-14 05:15:41Z

0

There might be some issue with your function createXHR() and getBody(). Post the code you have written for those function. Moreover for debugging, you can put a console.log before calling getBody() and check what is responseText.

if(xhr.readyState == 4)
{
if(xhr.status == 200)
{
console.log(xhr.responseText);
storage.innerHTML = getBody(xhr.responseText);
}
}

answered Feb 14, 2013 at 5:15

rahul

1008 bronze badges

Collectives™ on Stack Overflow

Inject another page using java script

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related