axios使用POST请求方式

作者: illusionarys | 来源:发表于2019-11-13 16:19 被阅读0次

之前一直使用ajax请求数据,底层都是JQuery封装好的。导致使用axios时忽略了一些问题(在POST请求中,客户端和服务端须遵守同一种编码格式才能正确解析数据)

Content-type决定了数据编码格式,在请求头header中设置(没有使用axios及小程序自带的数据请求时,一直不知道这玩意)

一、GET请求

        由于GET请求没有请求实体,参数附在URL后面,所以不需要设置Content-type

二、POST请求

        常用的编码类型有这几种:1.application/x-www-form-urlencoded(常用于原生form表单提交);2.multipart/form-data(常用于文件传输);3.application/json(常用JSON格式编码)

        注意:不同的Content-type需要对应不同的参数格式

              1.application/x-www-form-urlencoded。参数格式:需要将正常的对象转化

              例如:var   data={

                                        name:'小明',

                                        age:'18'

                                 }

                       data=qs.stringify(data)

            注意: qs.stringify将对象序列化。使用qs.stringify函数时需要引入qs(通过npm安装)

            2.multipart/form-data。参数格式:form-data

            例如:var    data=new   FormData();

                       data.append("name","小明");

                       data.append("age","18");

            3.application/json。参数格式:JSON对象

            例如:var    data={

                                        "name","小明",

                                        "age","18"

                                }

              

相关文章

  • 【axios】get/post请求params/data传参总结

    axios中get/post请求方式 1. 前言 最近突然发现post请求可以使用params方式传值,然后想总结...

  • axios+vue

    1. get请求 2. post请求 post方式1: post方式2: 并发请求: axios实例 实例配置 实...

  • axios使用POST请求方式

    之前一直使用ajax请求数据,底层都是JQuery封装好的。导致使用axios时忽略了一些问题(在POST请求中,...

  • 前端数据流文件下载三种方式

    1、直接使用get请求方式进行下载 2、使用form 表单post请求进行下载: 3、axios(ajax)前端根...

  • Vue post请求的坑

    本文使用的是vue的Axios的请求方式 axios的get请求传参方法正常,但是post得请求方法传参一直报40...

  • axios

    axios axios 是一个专注于网络请求的库! axios 的基本使用:繁 发送get请求: 发送post请求...

  • ajax异步请求图片blob转base64并显示出来

    或者 下载 使用axios post下载excel 创建请求拦截器 (POST请求配合QS)

  • Vue 封装axios,返回指定的response

    1. 需求 定制请求,将get,post方式进行封装axios,传参都以对象方式传递 2. ajax.js 请求使用

  • vue学习

    3.网络应用介绍 3.1 axios的使用 axios.get请求,请求参数跟在地址?后面 axios.post请...

  • axios的具体使用

    全局使用axios Axios的get post Axios全面配置的方式

网友评论

    本文标题:axios使用POST请求方式

    本文链接:https://www.haomeiwen.com/subject/apknbctx.html