jQuery .load() troubles

Question

I'm messing around with the wonderful world of jQuery (since I eventually want to make good web apps/games) and I got to the .load and .get topics. I saw (here and some other places) that you can insert a page's html into a div if so desired. I attempted this on jsFiddle but the results were what they are supposed to be. What am I doing wrong?

<button id="btn1" type="button">Click!</button>
<div id="box1" style="width: 100px; height:100px"></div>
<div id="box2" style="width: 100px; height:100px"></div>

and

$('#btn1').click(function () {
    $('#box1').load('http://stackoverflow.com');
    $('#box2').load('http://stackoverflow.com');
});

I tried the same code in a bunch of different browsers but still no luck. What am I doing wrong?

you can't .load something from a different origin unless both the client and the cross-origin server supports CORS. Try using a local file instead. — user400654
– user400654, Commented Mar 28, 2013 at 21:18
yeah I already do that, but I wanted to see if this was possible. — pattmorter
– pattmorter, Commented Mar 28, 2013 at 21:21

What have you tried · Accepted Answer · 2013-03-28 21:43:57Z

2

You can't do this due to the Same Origin Policy

You can't load data from domains outside of the calling script

edited Mar 28, 2013 at 21:43

answered Mar 28, 2013 at 21:33

What have you tried

11.2k4 gold badges35 silver badges45 bronze badges

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

Collectives™ on Stack Overflow

jQuery .load() troubles

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related