Call Azure Function from Javascript

Question

I have a simple HTML page which has a Textbox and a Submit Button. I have a Azure Function which when hit takes in the content of the textbox, which we should send to the Az

Answer 1

This is definitely a CORS related issue. Luckily, it's easy to configure CORS for Function Apps in the portal. Just navigate to your Function App and then select Platform Features:

Select the CORS option under API which will take you to a screen where you can add the hostname of your clientside application:

Answer 2

That looks like a cross origin request blocked. Normally you can't make a request from the browser to a different host. You will either need to use CORS or backend code.

Notice the method of the request is OPTIONS instead of Post or Get. Typically this means the browser is blocking the call.

Here is a link to a Node solution. https://docs.microsoft.com/en-us/azure/azure-functions/functions-bindings-http-webhook