load remote content using jquery

Question

Here is the script to load remote content and display in a div

<body>
<script type="text/javascript">
function loadContent(elementSelector, sourceUrl) {
$(""+elementSelector+"").load("http://remote.com/abc.html");
}
</script>
</head>
<body>
<a href="javascript:loadContent('#content', '');">Link 1</a>
<div id="content">content will be loaded here</div>
asfasdfasf
</body>

But it seems there is something security blocking the script about the cross domain ajax, i use xampp as my localhost web server

Error message at chrome console

Origin http://localhost is not allowed by Access-Control-Allow-Origin.

i've searched some solution such as add

<?php header('Access-Control-Allow-Origin: *'); ?>

but not work.

Any fastest way to solve this problem? thanks

Arun P Johny · Accepted Answer · 2013-08-17 07:23:03Z

1

it is because of same origin policy, it does not allow a page to make a Ajax request to a resource hosted in a different domain.

Since it looks like you are dealing with an HTML content, the only solution is to use CORS if the hosting server supports it

answered Aug 17, 2013 at 7:23

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

Collectives™ on Stack Overflow

load remote content using jquery

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