详解使用fetch发送post请求时的参数处理

网友投稿 1149 2023-05-26


详解使用fetch发送post请求时的参数处理

详解使用fetch发送post请求时的参数处理

不考虑古董浏览器之后,使用fetch来发送ajax请求,变得非常爽快和时尚。

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

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

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

fetch("/search/project/", {

method: "POST",

headers: {

'http://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的写法也是一个重点,注意。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:webpack2.0搭建前端项目的教程详解
下一篇:Ajax实现搜索引擎自动补全功能
相关文章

 发表评论

暂时没有评论,来抢沙发吧~