前端get，post、pul、deletec请求方式相关传参总结

前端（axios封装）get，post、pul、deletec请求方式相关传参总结

1.get方式

数据全查

export function getList(data,url) {return request({url: '/api/ts/case/list',method: 'get',params: data})
}

条件查询后导出表格

download() {let searchParams = { ...this.formList }this.params = { pageNumber: 1, pageSize: 10 }this.params = { ...this.params, ...searchParams }var str = this.convertObj(this.params)window.location.href = 'url?' + str
},
// 对象转URL参数
convertObj(data) {var _result = []for (var key in data) {var value = data[key]if (value instanceof Array) {value.forEach(function(_value) {_result.push(key + '=' + _value)})} else {_result.push(key + '=' + value)}}return _result.join('&')},

2.post方式

form表单提交方式（一般用于登录接口）
formData用法（非本人文章）

export function login(data,url) {const formData = new FormData()for (const key in data) {formData.append(key, data[key])}return request({url: 'url',method: 'post',headers: {'Content-Type': 'application/json'},data: formData})
}

POST请求（Request Payload参数）

export function addFeedback(data,url) {return request({url,method: 'POST',data//(此处必须为data)})
}

为什么此处必须为data（非本人文章）

3.put方式

export function updataFeedback(data,url) {return request({url: url,method: 'PUT',data})
}

4.delete方式

(delete传两个及两个以上参数)

export function delFeedback(id, clueCode,url) {return request({url: url?id=${id}&clueCode=${clueCode}`,method: 'DELETE'})
}

前端get，post、pul、deletec请求方式相关传参总结相关推荐

http请求方式及传参方式
http请求方式及传参方式本文简单介绍一下http的几种请求方式以及集中传参方式的不同. 常见的几种请求方式 HTTP1.0 定义了三种请求方法: GET, POST 和 HEAD 方法. HTTP ...
python excel token_python+excel接口自动化获取token并作为请求参数进行传参操作
1.登录接口登录后返回对应token封装: import json import requests from util.operation_json import OperationJson from ...
MyBatis获取参数值的两种方式以及传参情况
MyBatis获取参数值的两种方式 MyBatis获取参数值的两种方式:${}和#{} 传参情况演示环境 1.单个字面量类型的参数 2.多个字面量类型的参数 3.map集合类型的参数 4.实体类类型 ...
前端实现axios以表单方式上传文件，优化上传速度
一.背景最近在开发过程中,遇到的需要是需要上传高清图片,必须原图上传.由于在移动端应用,上传网络问题有很大的坑.当初的方案是直接采用将文件转化为base64,再进行上传,由于文件转化为base64后 ...
前端学习（2659）：组件间传参
第一步第二步第三步子组件定义第四步
前端学习（1267）:axios的post传参
前端学习（808）：复杂数据类型传参
前端学习（807）：简单数据类型传参
【Postman】测试 Post 请求时传递数据失败常见传参方式
近期尝试使用 nod.js + vue 开发一个小项目. 第一次使用 postman 测试,遇到 POST 请求数据发送不过去的问题,做一个记录. JS 部分代码 //用户注册接口 router.po ...

前端get，post、pul、deletec请求方式相关传参总结

前端（axios封装）get，post、pul、deletec请求方式相关传参总结

1.get方式

2.post方式

3.put方式

4.delete方式

前端get，post、pul、deletec请求方式相关传参总结相关推荐

最新文章

热门文章