0

I have basic html file which include input and button. I want to take this input value and send to api. Api accepts POST requests. But when I click change data button, it gives Uncaught (in promise) SyntaxError: Unexpected end of input

Here is my javascript code -

let input = document.querySelector("input")
let button = document.querySelector("button")



button.addEventListener("click", () => {
    let number = Number(`${input.value}`);
    console.log(number)
    async function postData(url = 'https://us-central1-smartkarabakh.cloudfunctions.net/main/main/setLedData', data = {}) {
        // Default options are marked with *
        const response = await fetch(url, {
          method: 'POST', // *GET, POST, PUT, DELETE, etc.
          mode: 'no-cors', // no-cors, *cors, same-origin
          headers: {
            'Content-Type': 'application/json'
            // 'Content-Type': 'application/x-www-form-urlencoded',
          },
          redirect: 'follow', // manual, *follow, error
          referrerPolicy: 'no-referrer', // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
          body: JSON.stringify(data) // body data type must match "Content-Type" header
        });
        return response.json(); // parses JSON response into native JavaScript objects
      }
      
      postData('https://us-central1-smartkarabakh.cloudfunctions.net/main/main/setLedData', { ledEnergy: number })
        .then(data => {
          console.log(response.json()); // JSON data parsed by `data.json()` call
        });
})
Niyazi
  • 1
  • 1
  • From the duplicate on the subject of `no-cors`: Note that this won't let you do anything that you require CORS to do. You will not be able to read the response. (Hence when you try to read the response and parse it as JSON, you get nothing, so the JSON parser errors). – Quentin May 25 '22 at 10:58

0 Answers0