原生Ajax,JQuery中的Ajax,vue中的axios请求中发送数据格式问题

**原生Ajax,JQuery中的Ajax,vue中的axios请求中发送数据格式问题 **

  1. 原生Ajax
    a. get 方式请求
    不需要设置请求头部,参数转换为查询字符串拼接到URL上
    b. post方式请求
    参数设置在new XMLHttpRequest().send()中
    发送表单格式数据,需要设置请求头部为:’Content-type‘:‘application/x-www-form-urlencoded’,数据也要为表单格式数据:通过qs.stringify()转换;
    发送json格式数据,需要设置请求头部为:‘Content-type’:‘application/json’,数据也要为json格式数据:通过JSON.stringify()转换

  2. jquery中Ajax
    默认发送表单格式数据
    a. get方式请求
    不需要设置请求头部,参数对象存放在$.ajax({data:})的data中,jquery会自动将参数转换为查询字符串拼接到URL上
    b. post方式请求
    发送表单格式数据,不需要设置请求头部,参数对象存放在data中,jquery会自动将参数转换为表单格式数据并存放到请求体中;
    发送json格式数据,需要设置请求头部为:‘Content-type’:‘application/json’,参数对象转换为json字符串放到data中即JSON.stringify(),jquery会将参数放到请求体中

  3. vue中axios
    默认发送json格式数据(不需要过多关注请求头部的设置)
    a. get方式请求
    参数带在axios({params:{}})中的params上
    b. post方式请求
    参数带在axios({data:})中的data上
    发送表单格式数据,qs.stringify()转数据即可
    发送json格式数据,发送js对象即可,axios会自动转换

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值