如何发出一个type为application/json的post请求？方案合集

const express = require("express");
const app = express();
const path = require("path");
app.get("/", function (req, res) {
  let root = path.join(process.cwd(), "wwwroot");
  res.sendFile(path.join(root, "form.html"));
});
app.post("*",express.json(),(req, res) => {
  ret = {
    type: req.headers["content-type"],
    check: req.body.master,
    url: req.url,
    time: Date.now().toString().slice(-6),
  };
  res.send(JSON.stringify(ret));
});
let server = app.listen(3222, function () {
  let port = server.address().port;
  console.log(`访问地址为 http://localhost:${port}`);
});

<form action="/json" method="post" enctype="application/json">
  <input type="text" value="苏南大叔json测试" name="who" />
  <button>提交</button>
</form>

<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

$.ajax({
  url: "/jq_post",
  type: "POST",
  contentType: "application/json",
  data: JSON.stringify({ master: "sunan大叔" }),
  timeout: 60000,
  success: function (data) {
    console.log(JSON.parse(data));
  },
  error: function (json) {},
});

$.ajaxSetup({
  aysnc: true, // 异步加载
  contentType: "application/json",
});
$.post(
  "/jq_post2",
  JSON.stringify({ master: "sunan" }),
  function (data) {
    console.log(data);
  },
  "json" // 控制返回值格式的
);

axios.post(
    "/axios_post",
    { master: "苏南大叔" },
    { headers: { "Content-Type": "application/json" } } // axios不加这句也可以
  )
  .then(function (res) {
    console.log(res.data); // 对象，`.data`是axios这边的，并不是接口返回值这边的
  })
  .catch(function (err) {
    console.log(err);
  });

<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>

npm i axios --save

fetch("/fetch_post", {
  method: "POST",
  body: JSON.stringify({ master: "sunan" }),
  headers: {
    "Content-Type": "application/json",
  },
})
  .then((res) => res.json())
  .then((json) => {
    console.log(json);
  })
  .catch((err) => {
    console.log(err);
  });