Jquery ajax call with Cross domain?

Question

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....

Nigel Fernandes · Answer

add EnableCORS on the action in your controller

Bryian Tan · Answer

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/

Gnanavel Sekar · Answer

Hi Thiyagarajan, Use JSONP jQuery: $.ajax({ url:"api url/ url", dataType: 'jsonp' , // Notice! JSONP 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: *");

Gokhul Varman · Answer

you can refer the link for more clear information about it:https://stackoverflow.com/questions/15005500/loading-cross-domain-endpoint-with-jquery-ajax

Midhun T P · Answer

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