Javascript 如何使用onclick在表单中使用submit类型从函数发送数据

如何使用type=submit从onclick表单中的函数发送新数据，以便我可以在服务器端的post路由中访问这些数据

    <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>

    <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}
          return(newdata)

        }
          </script>

1） 将此添加到

myfunction

的末尾：

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

2） 安装npm模块

正文分析器
：

npm安装主体解析器

3） 将以下内容添加到文件顶部：

const bodyparser = require("body-parser");

在定义
app
之后：

app.use(bodyparser.json());

4） 您发送的数据现在可以通过
req.body
访问：

app.post("/cart", function(req, res) {
  console.log(res.body); // should be equal to newdata
});

我正在获取submit按钮的值，即{submit:'添加到我的购物车'}作为输出。另一方面，我希望（newdata）作为服务器端控制台中的输出。您如何获取submit按钮的值？由于value属性，它默认存在于我的req.body中。它不是在修改主体。我完全按照你说的做了。它还以错误类型错误的形式向我显示：{（中间值）（中间值）（中间值）}。然后它不是一个函数
app.post("/cart", function(req, res) {
  console.log(res.body); // should be equal to newdata
});