Jquery ajax call with Cross domain?

Thiyagarajan E

9y3.8k.NET

Hi,

I have generated the javascript and html code. Now, i had paste the code to in my customers sites.but it is static now. If i made any changes in the code then my customers are need to replace the code.

So i have created the Jquery ajax call in the generated html code, so every time page loads then ajax functions return the dynamic styles.

But i got the error Cross Domain issue in ajax call error method.

Can any one help me to solve this....

5 Replies

Know the answer? Post it — somebody with the same question will find it here.

Nigel Fernandes9y ago
add EnableCORS on the action in your controller
0
Bryian Tan9y ago
I'm assuming the code is calling the Web API. If that the case, there is a section in this article that describe on how to Enabling Cross-Origin Requests (CORS).

Web API - Enabling Cross-Origin Requests (CORS)

Technically, the Web API can be hosted together with the Web Application or separately. In this sample application, the Web API and Web Application are being decoupled. That being said, the Web and API application could be hosted on a different subdomain or domain. By design, the web browser security, same-origin policy, will prevents a web page from making AJAX requests to another domain or subdomain. However, this issue can be overcome by Enabling Cross-Origin Requests (CORS) to explicitly allow cross-origin requests from the Web to the API application.

http://www.c-sharpcorner.com/article/asp-net-mvc-tooltip-using-web-api-bootstrap-popover-and-jquery-ui-dialog/
0
Gnanavel Sekar9y ago
Hi Thiyagarajan,

Use JSONP
jQuery:
$.ajax({
url:"api url/ url",
dataType: 'jsonp', // Notice! JSONP <-- P (lowercase)
success:function(json){
// do stuff with json (in this case an array)
alert("Success");
},
error:function(){
alert("Error");
}
});

and make sure whether included this header

("Access-Control-Allow-Origin: *");
0
Gokhul Varman9y ago
you can refer the link for more clear information about it:https://stackoverflow.com/questions/15005500/loading-cross-domain-endpoint-with-jquery-ajax
0
Midhun Tp9y ago
Hi,

You have to give "Access-Control-Allow-Origin" header in your ajax content.
Response.AppendHeader("Access-Control-Allow-Origin", "*");
0