axios post方式同时传递pram和json参数

深藏阁楼爱情的钟 2023-06-25 07:58 5阅读 0赞

废话不多说，直接上代码

1.单独传递表单参数，后台使用@RequestParam接收

let postData={
    						'mobile':this.account,
    						'password':this.password,
    						'loginType': 0,
    			}
    		    let postData1= new URLSearchParams()
    			postData.append('mobile',  this.account)
    			postData.append('password',  this.password)
    			postData.append('loginType',  0)
    
    1.axios({
    				  method: 'post',
    					url:`${config.postUrl}/user/login`,
    					data: qs.stringify(postData)
    				})
    2.axios({
    				  method: 'post',
    					url:`${config.postUrl}/user/login?mobile=${this.account}&password=${this.password}&loginType=0`,
    				})
    3.axios({
    				  method: 'post',
    					url:`${config.postUrl}/user/login`,
    					data: postData1
    				})

2.单独传递json参数，后台使用@RequestBody接收参数

let postData={
    						'mobile':this.account,
    						'password':this.password,
    						'loginType': 0,
    			}
    
    
    
    			
     axios({
    				  method: 'post',
    					url:`${config.postUrl}/user/login`,
    					data: postData
    				})

3.同时传递json与param

let postData={
    						'mobile':this.account,
    						'password':this.password,
    						'loginType': 0,
    			}
    let datas={
    				'model':'web'
    			}
    			
     axios({
    				  method: 'post',
    					url:`${config.postUrl}/user/login?mobile=${this.account}&password=${this.password}&loginType=0`,
    					data: datas
    				})

发表评论取消回复

表情：

评论列表（有 0 条评论，5人围观）

还没有评论，来说两句吧...

相关阅读

相关 axios post方式同时传递pram和json参数

废话不多说，直接上代码 1.单独传递表单参数，后台使用@RequestParam接收 let postData={ 'mobile':this.

深藏阁楼爱情的钟/ 2023年06月25日 07:58/ 0 赞/ 6 阅读

相关传递post请求参数

转载：[https://zhuanlan.zhihu.com/p/146334443?from\_voters\_page=true][https_zhuanlan.zhihu

朱雀/ 2022年12月22日 04:42/ 0 赞/ 244 阅读

相关 VUE_axios使用post请求后端接受不到参数，axios使用application/x-www-form-urlencoded和application/json传递参数的两种方式表现形式

[https://hbiao68.blog.csdn.net/article/details/106004100][https_hbiao68.blog.csdn.net_ar

Dear 丶/ 2022年10月11日 10:57/ 0 赞/ 205 阅读

相关【Express】—post传递参数

【Express】—post传递参数 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR

迷南。/ 2022年08月29日 09:52/ 0 赞/ 252 阅读

相关 axios 使用post方式传递参数，后端接受不到

最近做vue项目，做图片上传的功能，使用get给后台发送数据，后台能收到，使用post给后台发送图片信息的时候， [vue axios post请求发送图片base64编码

Myth丶恋晨/ 2022年05月15日 06:42/ 0 赞/ 456 阅读

相关 java后台创建get、post的http连接，同时传递参数

简介项目开发过程中，我们有时需要通过第三方提供的接口来获取第三方的数据，前端可以通过ajax去进行接口数据获取；而java后台连接接口的方式之一就是通过HttpUR

本是古典何须时尚/ 2022年03月02日 04:28/ 0 赞/ 296 阅读

相关 YTKNetwork使用application json方式传递参数

YTKBaseRequest的requestSerializerType属性默认值是YTKRequestSerializerTypeHTTP，对应的Content-Type类型

怼烎@/ 2022年01月10日 08:11/ 0 赞/ 515 阅读

相关 Axios 各种请求方式传递参数(非axios api 请求方式）

`get` `delete` 方法较为不同 get请求方式将需要入参的数据作为 `params` 属性的值，最后整体作为参数传递 delete请求方式将将需要入参的数

桃扇骨/ 2021年12月03日 10:49/ 0 赞/ 391 阅读

相关 axios传递数组参数

axios传递数组参数最近一个练手vue项目，选择axios作为网络请求库。后台一接口使用了数组作为参数。本以为没什么，实则遇到了一个大坑。 axios

太过爱你忘了你带给我的痛/ 2021年09月13日 16:40/ 0 赞/ 558 阅读

相关 java@RequestParam和@RequestBody同时使用，jquery传递参数方式

java代码： @PostMapping("/myTest") public Object myTest( @Requ

川长思鸟来/ 2021年07月26日 22:04/ 0 赞/ 796 阅读