400 Error Requesting from OpenAI API

[CareNetAI]

var openairequest = new XMLHttpRequest();
const payload = ({
    "model": "text-davinci-003",
    "prompt": "say this is a test"
});

console.log(payload)
openairequest.open("POST",`https://api.openai.com/v1/completions?data=${encodeURIComponent(JSON.stringify(payload))}`)
openairequest.setRequestHeader("Content-Type", "application/json");
openairequest.setRequestHeader("Authorization",`Bearer ${open_ai_key}`)

I tried sending a XHR request to the OpenAI API completions URl to test whether the requests were working correctly and as expected

{
    "error": {
        "message": "You didn't provide an API key. You need to provide your API key in an Authorization header using Bearer auth (i.e. Authorization: Bearer YOUR_KEY), or as the password field (with blank username) if you're accessing the API from your browser and are prompted for a username and password. You can obtain an API key from https://platform.openai.com/account/api-keys.",
        "type": "invalid_request_error",
        "param": null,
        "code": null
    }
}

This is what I got in response which is confusing as I am sure that I am passing through a JSON object

var open_ai_key = "MY KEY"

var openairequest = new XMLHttpRequest();
const payload = ({
    "model": "text-davinci-003",
    "prompt": "say this is a test"
});

openairequest.open("POST",`https://api.openai.com/v1/completions?data=${encodeURIComponent(JSON.stringify(payload))}`)
openairequest.setRequestHeader("Content-Type", "application/json");
openairequest.setRequestHeader("Authorization",`Bearer ${open_ai_key}`)
openairequest.send()
console.log(openairequest)

[Mattral]

Fix this by passing the object through openairequest.send(JSON.stringify(payload))

I found this solution on freecodecamp.

[CareNetAI]

Thanks my bad

[noxxi17]

Fix this by passing the object through openairequest.send(JSON.stringify(payload))

I found this solution on freecodecamp.