微信小程序get与post请求_wx.post

微信小程序get与post请求

get请求

前端

以javascript为例

 wx.request({
 	url: 'http：//ServiceID//ServiceName',
 	method: 'GET',
 	header: {
 		'Content-Type': 'application/json' // 默认值
 	},
 	data: {
 		parameter1 : value1
 		parameter2 : value2,
 		...
 		parametern : valuen,
 	}
 	success(res){
 		console.log(res.data)
 	}
 })
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

后端

以java为例
对于后端接口，其参数名需要与前端参数名保持一致， 才能保证前端传递数据被后端接收。即

    @GetMapping("/ServiceName")
    public Type Function(type parameter1, 
    					 type parameter2,
    					 ...
    					 type parametern){
    }
1
2
3
4
5
6

或采用RequestParam注解方式， 即

    @GetMapping("/ServiceName")
    public Type Function(@RequestParam(parameter1)type parametera, 
    					 @RequestParam(parameter2)type parameterb,
    					 ... 
    					 @RequestParam(parametern)type parameterz){
    }
1
2
3
4
5
6

post请求

前端

以javascript为例

 wx.request({
 	url: 'http：//ServiceID//ServiceName',
 	method: 'POST',
 	header: {
 		'Content-Type': 'application/x-www-form-urlencoded' // 默认值
 	},
 	data: {
 		parameter1 : value1
 		parameter2 : value2,
 		...
 		parametern : valuen,
 	}
 	success(res){
 		console.log(res.data)
 	}
 })
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

后端

以java为例
对于post清求， 即便后端接口参数名与前端参数名保持一致， 也不能使前端传递数据被后端接收， 即下面方法无效

    @GetMapping("/ServiceName")
    public Type Function(type parameter1, 
    					 type parameter2,
    					 ...
    					 type parametern){
    }
1
2
3
4
5
6

可采用RequestParam注解方式， 即

    @GetMapping("/ServiceName")
    public Type Function(@RequestParam(parameter1)type parametera, 
    					 @RequestParam(parameter2)type parameterb,
    					 ... 
    					 @RequestParam(parametern)type parameterz){
    }
1
2
3
4
5
6

原创不易
转载请标明出处
如果对你有所帮助 别忘啦点赞支持哈