Can not post request in HTML JS | No 'Access-Control-Allow-Origin' header is present on the requested resource

Question

I'm making a Java Compiler website for myself and I'm using JDoodle
In the document of this API, shows NodeJS code execute function (https://docs.jdoodle.com/integrating-compiler-ide-to-your-application/compiler-api)
and I'm using javascript in html so I change a little bit to

// using jQuery
$.ajax({
        url,
        type: 'post',
        data,
        headers: {
            'Content-Type': 'application/json'
        },
        dataType: 'json',
        success: function(data) {
            console.log(data);
        }
    })

but it gave me this error

Access to XMLHttpRequest at 'https://stage.jdoodle.com/execute' from origin has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

I also tried $.post and Why does my JavaScript code receive a "No 'Access-Control-Allow-Origin' header is present on the requested resource" error, while Postman does not? but still the same.
Thank you!!

score 0 · Answer 1 · answered Sep 10 '22 at 17:58

0

You need to enable header on the server side.

This has been asked before Enable CORS in fetch api

Alternatively you can ignore CORS with a flag.

answered Sep 10 '22 at 17:58

NotoriousPyro

526
3
16

i tried to find some ways to enable CORS in fetch api/jQuery post/ajax but still got the same error – KaizOffical Sep 11 '22 at 01:20
No, the server provides it in the response headers. Alternatively you can try https://github.com/Rob--W/cors-anywhere – NotoriousPyro Sep 11 '22 at 11:13
i tried like docs but still got that error – KaizOffical Sep 11 '22 at 13:19

Can not post request in HTML JS | No 'Access-Control-Allow-Origin' header is present on the requested resource

1 Answers1