Call localhost service from javascript via HTTPS hosted web application

See more:

IIS

client-server

Hello Expert,

I have deployed one WCF self-hosted service on Client PC and URL looks like - "http://localhost:[port]/myservice"

I have deployed one web application on server with SSL and url looks like - "httpS://abc.com/index.html"

Now I am trying to call the localhost service from html page through Javascript AJAX calling. But I am unable to call it because of the error like "Browser has blocked part of this page that are not secure".

Because of service is deployed as localhost, I have not implemented SSL and I think it is not possible to implement SSL with localhost (correct me if I am wrong).

now, When I disable security on my httpS web site, it is able to call hocalhost service which is deployed without httpS.

So, How can I call hocalhost service which is deployed on Client PC without SSL, with html page which is hosted with SSL on Server without disable security?