详解使用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请求时的参数处理就介绍到这了。人生不售来回票,一旦动身,绝不能复返。更多相关详解使用fetch发送post请求时的参数处理内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
ajax和fetch的区别点总结

Fetch超时设置与终止请求详解

详解react-refetch的使用小例子

ES6的Fetch异步请求的实现方法

ES6 fetch函数与后台交互实现