前端项目发送Ajax请求

常用的发送Ajax请求的方式有三种:
1.$Ajax jQuery封装的,不推荐的(jQuery本身操作原生dom);

$.ajax({
     type: "GET",//请求类型:GET POST 其他请求方式eg:PUT DELETE(仅部分浏览器支持)
     url: "/select",//ajax请求地址  
     dataType:'json',//预期服务器返回的数据类型
     data: {id:001},//传递的参数
     success: function(data){
     	console.log("返回的数据: " + data );
    }
});

2.原生js fetch:封装了两层promise,返回的数据要通过调用两次.then获取,兼容性不好,ie不支持

fetch("/some/url", {
      method: "post",
      headers: {name: "lilei"},//对应的 Headers 对象
      //请求参数
      body: JSON.stringify({
        email: 'huang@163.com'
        name: 'jim'
    })
  }).then(function (r) {
        return r.text();/ 第一个then  设置请求的格式
  }).then((r) => {
      console.log(r);/ 第二个then 处理回调
  })

3.axios推荐,体积小,通过promise封装,使用方便

//原始的Axios请求方式
axios({
  method: 'post',//请求方式
  url: 'http:127.0.0.1:5000/user/12345',//请求的接口
  data: {//请求传递的数据
    firstName: 'Fred',
    lastName: 'Flintstone'
  },
  ...//其他相关配置
}).then(res=>{
	console.log(res)//请求成功的结果
}).catch(error=>{
	console.log(error)//请求失败的结果
});
  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值