Estoy tratando de hablar con una API usando TypeScript y JQuery (de Definitely Typed).

 let ajaxsettings: JQueryAjaxSettings = { url: this.url, contentType: "application/json", type: "POST", data: JSON.stringify(this.apiRequest), processData: false, success: ( data, textStatus, jQxhr ) => { console.log("Response:" + JSON.stringify(data)); }, error: ( jqXhr, textStatus, errorThrown ) => { console.log("Error Response; " + JSON.stringify(jqXhr)); }, headers: { "X-UserName": "blahblah", "X-Password": "blahblah" }, beforeSend: (request) => { request.setRequestHeader("X-APIKey", "blahblahblah"); } }; $.ajax(ajaxsettings);

Hacer la solicitud y mirar lo que Fiddler captura es bastante extraño.

Verbo HTTP incorrecto y encabezados incluidos en Access-Control-Request-Headers no como un encabezado estándar.

JQuery 3.2.0 y el último index.d.ts de Definitely Typed .

Podría crear una solicitud HTTP en Fiddler:

La solicitud que estoy tratando de crear:

Actualizar

Intenté hacer malabarismos con el tipo de datos para sortear las comprobaciones previas al vuelo:

 contentType : "text/plain", method: "POST", type: "post", dataType: "json",

Actualización 2

La API está alojada en IIS Express de Visual Studio 2017 (usando .NET Core) y el sitio web está alojado usando lite-server . Este código funciona bien, al eliminar los encabezados personalizados.