怎么处理使用fetch发送post请求时的参数

这篇文章主要为大家展示了“怎么处理使用fetch发送post请求时的参数”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“怎么处理使用fetch发送post请求时的参数”这篇文章吧。

使用fetch来发送ajax请求，变得非常爽快和时尚。

但是，发送post请求的时候，把笔者卡了一下。后台如下获取参数时，总是为null

String q = req.getParameter("q");

研究了好久，总算写出正确的使用方式了。直接上代码。

fetch("/search/project/", {
  method: "POST",
  headers: {
    'Content-Type': 'application/x-www-fORM-urlencoded'
  },
  body: "q=参数q"
}).then(function(response) {
  // do sth
});

关键点在于headers，因为默认Content-Type不是application/x-www-form-urlencoded，所以导致后台无法正确获取到q的值。

body的写法也是一个重点，注意。

以上是“怎么处理使用fetch发送post请求时的参数”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注编程网VUE频道！