问Chrome jquery ajax to external api错误

EN

$.ajax({

                url: https://blahblah,
                method: "GET",                    
                contentType: "text/plain", 
                dataType: "json",
                crossDomain: true,
                accept: "application/json",
                async: true,
                headers: {
                    "Access-Control-Allow-Origin": "*",
                    "Access-Control-Allow-Methods": "GET",
                    "Access-Control-Allow-Headers": "Origin, Content-Type, Accept",
                success: function (data) { //more code}

XMLHttpRequest cannot load https://blahblah. 
Response to preflight request doesn't pass access control check:
No 'Access-Control-Allow-Origin' header is present on the requested resource.
Origin 'http://localhost:8889' is therefore not allowed access.

localhost/ Failed to load resource: the server responded with a status of 403 (Forbidden)

Response Headers
HTTP/1.1 200 OK
Date: Fri, 23 Jun 2017 15:05:44 GMT
Server: xxxxx
X-Frame-Options: SAMEORIGIN
Content-Type: application/json
Connection: close
Transfer-Encoding: chunked


Request Headers
view source
Accept:*/*
Accept-Encoding:gzip, deflate, sdch, br
Accept-Language:en-US,en;q=0.8
Access-Control-Request-Headers:access-control-allow-headers,access-control-allow-methods,access-control-allow-origin,x-frame-options
Access-Control-Request-Method:GET
Connection:keep-alive
Host:blahblah
Origin:http://localhost:8889

<httpProtocol>
  <customHeaders>

    <add name="Access-Control-Allow-Origin" value="*"/>
    <add name="Access-Control-Allow-Methods" value="GET"/>
    <add name="Access-Control-Allow-Headers" value="*"/>

  </customHeaders>
</httpProtocol>