vue+axios中的get请求传参,post请求头(form/json)不一样的传参的处理
<script>需要引入
import axios from 'axios'
import Qs from 'qs'(如果只是get请求就不需要引qs)
1.正常get请求:
var params = {
pageindex: _this.currentPage1-1,
pagesize: _this.curPageSize1,
}
axios.get( "你请求的接口地址",
params
)
.then(function(res){
_this.loading = false;
_this.tableData = res.data.body.data.enterprise;
_this.tableDataLength1 = res.data.body.data.total;
})
.catch(function (error) {
console.log(error);
});
2.post的form请求头的请求处理:
let data = {
'photo': url,
'gender':gender,
'source':"打零工APP",
'wx_photo':"",
'wx_nickname':""
}
axios({
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
},
method: 'post',
url: '你请求的接口地址',
data: Qs.stringify(data)
})
.then(function (response) {
console.log(response.data.status);
if(response.data.status == 200){
_self.$router.push({path: '/result'});
}
})
.catch(function (error) {
console.log(error);
});
3.post的json请求头的请求处理:
let datas = {
'isCms':"yes",
page_num: _this.currentPage1-1,
num_page_each: _this.curPageSize1,
}
axios({
headers: {
'Content-Type': 'application/json;'
},
method: 'post',
transformRequest: [function (data) {
// 对 data 进行任意转换处理
return JSON.stringify(datas)
}],
url: '你请求的接口地址',
params: datas
})
.then(function(res){
_this.loading = false;
_this.tableData3 = res.data.body.data.result.users;
_this.tableDataLength1 = res.data.body.data.result.total;
})
.catch(function (error) {
console.log(error);
});
作者:weixin_39701533
来源:CSDN
原文:https://blog.csdn.net/weixin_39701533/article/details/83744448
版权声明:本文为博主原创文章,转载请附上博文链接!
vue+axios中的get请求传参,post请求头(form/json)不一样的传参的处理相关推荐
- vue axios中文文档(一)
特色 浏览器端发起XMLHttpRequests请求 node端发起http请求 支持Promise API 拦截请求和返回 转化请求和返回(数据) 取消请求 自动转化json数据 客户端支持抵御XS ...
- Vue axios 中提交表单数据(含上传文件)
http://www.jb51.net/article/118051.htm 转载于:https://www.cnblogs.com/tanhao/p/8488206.html
- java form 上传文件_JAVA入门[16]-form表单,上传文件
一.如何传递参数 @RequestMapping("/detail") public String detail(@RequestParam("id") int ...
- vue axios POST请求中参数以form data和request payload形式的原因
HTTP请求中,如果是get请求,那么表单参数以name=value&name1=value1的形式附到url的后面,如果是post请求,那么表单参数是在请求体中,也是以name=value& ...
- axios vue 回调函数_Vue 02 —— Vue 入门小案例~使用 Axios 中的GET、POST请求
作为后端攻城狮,写前端代码是一种什么体验? 相信不少人和 @Python大星 一样,有写过前端代码的经历. 记录一下,Vue 框架开发中"啼笑皆非"的故事,非专业前端人员,该案例无 ...
- vue 如何将参数放到连接上_通过Vue路由传参的两种方式及Vue组件中接收参数的方式...
1. Vue传参方式 1.1 通过动态路由传参 我们经常需要把某种模式匹配到的所有路由,全都映射到同个组件.例如,我们有一个 User 组件,对于所有 ID 各不相同的用户,都要使用这个组件来渲染.那 ...
- vue项目中 axios请求拦截器与取消pending请求功能 - 年少、 - 博客园
在开发vue项目中,请求是不可缺少的,在发送请求时常常需要统一处理一些请求头参数等设置与响应事件,这时利用请求拦截器再好不过. 这里以axios请求为例 实现了设置统一请求头添加token, 其中to ...
- 前端笔记-vue cli中axios批量发送get和post请求及注意事项
目录 基本概念 关键代码 基本概念 这里安装好axios后,还要安装qs npm install --save qs 在vue cli中在created里面调用方法,他会在页面加载完成后自动调用! 批 ...
- 超级详细的教程 一步步教你Vue项目中使用axios如何进行参数拼接
文章目录 一.Vue 中的网络请求 二.axios的引入 三.常用网络请求方式 1.get A.字符串拼接方式: B.通过params属性传递对象: C.路径拼接方式: D.无请求参数: 2.post ...
最新文章
- 无语!你竟然连CompletableFuture都不知道,还天天说在jdk8原地踏步~
- python矩阵旋转函数_Python3算法之十:矩阵旋转
- Subversion Server For Windows安装指南
- (Redis设计与实现-6) 频道的订阅与退订
- ip登录打印机怎么打印_不要打印,登录。
- maven 细节 —— scope、坐标
- php启动另一个php进程,用php守护另一个php进程的例子
- php 仿面包网 源码 飞飞cms_FEIFEI飞飞CMS仿面包网电影网站源码(四色+采集+会员中心+西瓜影音)...
- 数学计算机sci,有哪些是数学类SCI
- 一个懒得程序员才是一个好的程序员
- crtmpserver系列(二):搭建简易流媒体直播系统
- uni-app背景图片 background-image,支持 base64 格式图片、支持网络路径图片、本地路径背景图片
- html5页面嵌入pdf,html5嵌入内容.pdf
- 蓝桥杯试题:求数差(简单易懂无脑)java
- CSS 3.0实现泡泡特效
- java如何设置网页全屏_java中如何进行全屏方式和窗口方式的转换 详细??
- 华科大考研计算机系834大纲之数据结构(六)
- CentOS网络配置文件中UUID参数释疑
- [机缘参悟-95] :不同人生和社会问题的本质
- 基于Proteus平台的TEC-5H模型计算机电路设计与仿真
热门文章
- PHP 中Cookie和Session的使用
- 日志读取_实时数仓之Maxwell读取MySQL binlog日志
- Java学习系列(十一)Java面向对象之I/O流(下)
- C#重写WebBrowser组件,禁止跳转到IE新窗口、脚本错误
- ios与android设备即时语音互通的录音格式预研说明
- Source insight 添加注释插件
- Java 11 将至,不妨了解一下 Oracle JDK 之外的版本
- 使用 Helm - 每天5分钟玩转 Docker 容器技术(163)
- 浅谈软件架构师的工作
- thymeleaf教程