XMLHttpRequest cannot load for No 'Access-Control-Allow-Origin' header

Question

I am trying to load a div using:

<script>
    $("#details").load('http://localhost:31075/ #user');
</script>

But getting acess restriction.

XMLHttpRequest cannot load http:// localhost :31075/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http:// localhost :43302' is therefore not allowed access.

So how can I define access headers on the earlier page as that is also my MVC app.

Answer 1

您可以尝试使用此链接http://hayageek.com/cross-domain-ajax-jquery-without-cors ，该链接可以解决您的错误，并且任何服务器端语言都可以使用。

Answer 2

If you only want to fetch data from server, JSONP could be a solution since it is very easy to implement.

If you want to be able to made not only GET, but also POST, PUT etc., you can use cross origin resource sharing, CORS on server. Since you didn't mention which server side language you have, have a look at here . It contains some code snippets for various languages. Basically server needs to send Access-Control-Allow-Origin header