从客户端向服务器端发送数据

Question

单击按钮后，我必须从客户端向服务器端发送一些数据。但是，当我使用现有代码发送数据时，我在发帖请求中将正文作为button的值。

   <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)
     });

实际输出：{提交：“添加到我的购物车”}

预期输出：正文中的newdata（其中newdata是function（i）中的数据，必须在单击按钮时传递该数据）