how to call cross domain ajax calls using angular /Jquery

Question

I have a application hosted with domain www.abc.com .This is actually WebApi application . I want to build a separate UI application using asp.net mvc, and its domain is www.xyz.com. The UI application consuming Angular,HTML5 and other Web technologies.Here i really need to perform GET,PUT,POST,DELETE against www.abc.com. unfortunately the limitation of jsonp , i like to choose CORS (HTML5 Cors), but i can't pass json object to CORS calls . what are the best possible best approach to call cross domain calls (GET,PUT,POST,DELETE) using angularJs with my problem scenario . What should i change in IIS to handle CORS request.

did you find my answer useful. please accept and upvote if so — aamir sajjad
– aamir sajjad, Commented May 11, 2014 at 12:32

harishr · Accepted Answer · 2015-06-26 05:06:51Z

2

add below web.config in webapi

<system.webServer>
    <httpProtocol>
        <customHeaders>               
            <add name="Access-Control-Allow-Origin" value="*" />
        </customHeaders>
    </httpProtocol>
</system.webServer>

and in angular, set below config options for $http

header("Access-Control-Allow-Credentials: true");
header("Access-Control-Allow-Origin: http://url.com:8080");
header("Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS");
header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept, Authorization");

also check: this link

edited Jun 26, 2015 at 5:06

answered May 11, 2014 at 6:17

harishr

18.1k9 gold badges84 silver badges131 bronze badges

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

1 Comment

T_Dnzt Over a year ago

Quick note to say that the domain name was changed. If you want to check the link mentioned above, see samurails.com/tutorial/cors-with-angular-js-and-sinatra

aamir sajjad · Accepted Answer · 2014-05-11 18:01:34Z

0

To enable cross domain ajax calls you can place crossdomain.config in asp.net web api root folder when published with following contents.

<?xml version="1.0"?>
<cross-domain-policy>
<allow-access-from domain="*"/>
</cross-domain-policy>

edited May 11, 2014 at 18:01

answered May 11, 2014 at 6:18

aamir sajjad

3,0391 gold badge29 silver badges28 bronze badges

2 Comments

Ray Nicholus Over a year ago

The OP asked about CORS, not JSONP. Your solution will only work for GET requests anyway.

aamir sajjad Over a year ago

@Ray Nicholus I update my answer. on other hand, I implemented a web services using asp.net web api for mobile client for which I need to manage/enable cross domain ajax calls. So I place the crossdomain.config with contents above in application root folder while publishing, and it enables us to access the web api end points. Therefore, I don't understand why you down rated it. Also, it should work fine for both get and post. You are ought to explain with reference where I am wrong with my answer. So that I can correct myself.

Collectives™ on Stack Overflow

how to call cross domain ajax calls using angular /Jquery

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related