<!DOCTYPE html> <meta charset="UTF-8"> <html> <head> <title>BSMSapp</title> <div align="center"> </head> <br><br> <body bgcolor="#FFFFFF" text="Black"> <h1><span id="replace">BSMSapp</span></h1> <form id="myForm"> <input value="0" name="id"/> <br> <input value="0" name="stock"/> <br><br> <input type="submit" value="Upload"/> </form> </body> </div> </html> <script> const thisForm = document.getElementById('myForm'); thisForm.addEventListener('submit', async function (e) { e.preventDefault(); // console.log(thisForm) // console.log(new FormData(thisForm).entries()) const formData = new FormData(thisForm).entries() const str = JSON.stringify(Object.fromEntries(formData)) console.log(str.replace(/\"/g, '')) let test = { id: 212311111, stock: 131211 } const response = await fetch("${ENDPOINT}/resource", { method: 'POST', // mode: 'cors', headers: { 'Content-Type': 'application/json' }, // body: str.replace(/\"/g, '') body: JSON.stringify(test) }); const result = await response.json(); console.log(result) }); </script>