问题描述

最近在做微信小程序,用的spring boot做后端,突然发现客户端发送post请求的时候服务端接收不到参数。问题简化之后如下:

微信小程序端:

在页面放一个按钮进行测试

点击进行测试

绑定一个函数发送post请求

//index.js
//获取应用实例
const app = getApp()
Page({
testpost:function(){
wx.request({
url: "http://127.0.0.1:8081/testpost/demo",
method:"POST",
data:{
name:"lijing",
age:"18"
success:function(res){
console.log(res);
fail:function(err){
console.log(err)
})

如图所示:

JavaScript接受post请求 js获取post提交的参数_springboot获取原生js请求

服务端

服务端新建一个springBoot项目,配置端口和路径

server.port=8081

server.servlet.context-path=/testpost

再新建一个controller用于测试:

package com.demo.demo;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RestController;
1. @author lijing
2. @date 2019-03-31-20:19
3. @discroption 测试post请求参数传递
@RestController
public class TestController {
@RequestMapping(value = "/demo",method = RequestMethod.POST)
public String demo(String name,String age){
System.out.println("name = [" + name + "], age = [" + age + "]");
return "server response";
}

可见,如果能获取到参数的话就会在控制台打印参数。

但是在小程序界面点击按钮之后,服务端并不能获取到数据,如下:

JavaScript接受post请求 js获取post提交的参数_post请求_02

解决方法

查阅资料之后发现,post请求提交数据有四种常见方式:

application/x-www-form-urlencoded

浏览器的原生

表单,其中ajax也是用这种方式提交的multipart/form-data


表单上传文件用的这种提交方式application/json

这种提交方式的消息主体是一个json字符串text/xml

消息主体是XML格式的内容

再回到小程序中,检查消息头发现这里的提交方式为:application/json

JavaScript接受post请求 js获取post提交的参数_springboot获取原生js请求_03

所以在服务端进行接收的时候不能直接用参数接受,可以以流的形式来读取json字符串,在用工具类来解析json数据,如下:

package com.demo.demo;
import com.alibaba.fastjson.JSONObject;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RestController;
import javax.servlet.http.HttpServletRequest;
import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
* @author lijing
* @date 2019-03-31-20:19
* @discroption 测试post请求参数传递
@RestController
public class TestController {
@RequestMapping(value = "/demo",method = RequestMethod.POST)
public String demo(HttpServletRequest req){
try {
BufferedReader br = new BufferedReader(new InputStreamReader(req.getInputStream()));
StringBuffer sb=new StringBuffer();
String s=null;
while((s=br.readLine())!=null){
sb.append(s);
JSONObject jsonObject = JSONObject.parseObject(sb.toString());
String name = jsonObject.getString("name");
String age = jsonObject.getString("age");
System.out.println("name:"+name+" age:"+age);
} catch (IOException e) {
e.printStackTrace();
return "server response";
}

输出如下:

JavaScript接受post请求 js获取post提交的参数_JavaScript接受post请求_04

上面用到的解析json的工具类:

com.alibaba

fastjson

1.2.28

使用@RequestBody注解

@RequestBody是作用在形参列表上,用于将前台发送过来固定格式的数据【xml 格式或者 json等】封装为对应的 JavaBean 对象。所以上面代码可以改为如下形式:

package com.demo.demo;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RestController;
1. @author lijing
2. @date 2019-03-31-20:19
3. @discroption 测试post请求参数传递
@RestController
public class TestController {
@RequestMapping(value = "/demo",method = RequestMethod.POST)
public String demo(@RequestBody Person person){
System.out.println(person);
return "server response";
package com.demo.model;
import lombok.*;
@Data
class Person{
private String name;
private String age;
}

到此这篇关于springboot中不能获取post请求参数的解决方法的文章就介绍到这了