Unable to access HTTP based Web Api from HTTPS based SharePoint site

Question

My site collection is accessible as:

https://myserver/sites/cfp

I have a Web API with just one method which is accessible as:

http://localhost:10000/api/CFP/GetCustomerName

I can access the above API using Jquery/Ajax from an HTML page as well as from Postman. But when I try to access it from my SharePoint page I get "undefined" alert on screen as I am displaying error in alert.

I believe this is due to CORS and after that I even enabled CORS but still the problem remains. My Web API controller looks like this:

[HttpGet]
        [EnableCors(origins: "https://myserver", headers: "*", methods: "*")]
        public IHttpActionResult GetCustomerName (string num)
        {
            return Json(new
            {
                success = true,
                message = "My Name "+ num,
            });
        }

What am I doing wrong?

Answer 1

I finally found real reason as to why it was happening. This was happening in IE:

http://web.archive.org/web/20150906055648/http://bugs.jquery.com/ticket/10660

Solution is to use following before your AJAX request.

$.support.cors = true;

Also your request and Web API must use same protocol i.e. you cannot call HTTP while you are on HTTPS. So in my case I changed my Web API to be hosted on HTTPS and now it works.

Answer 2

I didn't try with "origins" wild card but I am able to fix it by creating my Web API within SharePoint IIS website so now they both share same server name which is https://myserver

Here's how I did it:

1. Opened IIS
2. Right clicked on "SharePoint - 80" website and then on "Add Application"
3. You can give some new to this new application for e.g. MyApp and also browse and select the folder where it resides
4. Press OK and you are done

Now I can access my Web API from within SharePoint as https://myserver/myapp/api/CFP/GetCustomerName