Dynamics Community Forum Thread Details

MVC Azure + AjaxCall + microsofttranslator + Response to preflight request doesn't pass access control check: It does not have HTTP ok status

HI All,

I have Created a MicrosoftTranslator in MVC and i have hosted that in Azure,

[HttpGet]
[Route("~/CyrillicCharacterConversion/{wordtobeConverted}")]
public async Task<string> accountLockUnlock(string wordtobeConverted)
{try{var translatedText = "";

while (true)

{

translatedText = await Translate(wordtobeConverted, "en");

return translatedText;

}}
catch (Exception ex)
{
}
}

public static async Task<string> Translate(string text, string language)
{var encodedText = WebUtility.UrlEncode(text);
var uri = "api.microsofttranslator.com/.../Translate" +$"to={language}&text={encodedText}";

var result = awaitclient.GetStringAsync(uri);

return XElement.Parse(result).Value;
}

private const string key = "KeyID";

private static readonly HttpClient client = new HttpClient
{
DefaultRequestHeaders = { { "Ocp-Apim-Subscription-Key", key } }
};

After Hosting if try to call from PostMan, am getting Proper Result
Sample Calling : azurewebsites.net/.../Ciao
Result we are getting as "HELLO", So no issue till here

If i try calling the same URL azurewebsites.net/.../Ciao from Ajax call am getting " Response to preflight request doesn't pass access control check: It does not have HTTP ok status"

My Ajax Call:

var settings = {
"async": true,
"crossDomain": true,
"url": "azurewebsites.net/.../Ciao",
"method": "GET",
"headers": {
"cache-control": "no-cache",
"Access-Control-Allow-Headers": "*"
}
}

$.ajax(settings).done(function (response) {
console.log(response);
});

Could any one help me here?

Quick Links