отправка данных со стороны клиента на сторону сервера

Question

Я должен отправить некоторые данные со стороны клиента на серверную сторону при нажатии кнопки. Но когда я отправляю данные, используя существующий код, я получаю тело в качестве значения кнопки в моем запросе на публикацию.

   <form action="/cart"   method="POST" >
                <input type="submit" class="btn btn-sm btn-primary"  onclick=" 
    myfunction('<%= i %>')"  name="submit"    value="Add to my Cart" >
              </form>
            </div>

<script  >
   function myfunction(i) {

  console.log(i);
  var n = document.images.item(i).src;
  console.log(n)
  var el = document.querySelectorAll("#demo");
  console.log(el[i].innerText)
  var newdata ={img :n ,title:el[i].innerText}
   console.log (newdata);

  fetch("/cart", {
  method: "POST",
  headers: {
    "Content-Type": "application/json "
  },
  body: JSON.stringify(newdata)
}.then(function(response) {
  // Handle Response
  console.log(newdata)
})
 );

}
 </script>

на стороне сервера

   app.post("/cart",function(req,res){
     console.log(req.body)
     });

фактический вывод: {submit: 'Добавить в мою корзину'}

ожидаемый вывод: newdata в теле (где newdata - данные в функции (i)который нужно передать нажатием кнопки)