专栏首页老雷PHP全栈开发老雷PHP全栈开发教程之必备插件axios

老雷PHP全栈开发教程之必备插件axios

本节课程我们主要学习axios的使用,axios主要的功能就是实现ajax功能,他是一个简单的ajax库。

内容

我们经常使用jquery来实现ajax。但是我们现在用上vue了,jquery显得太笨重了。

我们只需要它的ajax功能,所以我们找来axios替换。

vue+axios

axios在ie浏览器是支持不是很好。

我们通常在移动端使用它。

https://github.com/axios/axios

get

  axios({
    url: 'data.json',
    data: {
      firstName: 'Fred',
      lastName: 'Flintstone'
    }
  })
  .then(function(res) {
    console.log(res.data.data.title);
  })
  .catch(function(error) {
    console.log(error);
  })
  .finally(function() {


  });

post

  axios({
    method: 'post',
    url: '/school_php/api.php',
    data: {
      firstName: 'Fred',
      lastName: 'Flintstone'
    },
    headers: {
      'content-type': 'application/x-www-form-urlencoded'
    },
  })
  .then(function(res) {
    console.log(res.data);
  })
  .catch(function(error) {
    console.log(error);
  });

文件上传

  function upload(){
    console.log("wia")
    var file=document.getElementById("upfile");
    var upfile=file.files[0]
    var form=new FormData();
    form.append("upfile",upfile,upfile.name);
    form.append("title","文件上传");
    axios({
      method: 'post',
      url: 'upload.php',
      data: form,
      headers: {
        'Content-Type': 'multipart/form-data'
      },
    })
    .then(function(res) {
      document.getElementById("res").src=res.data.filename;
    })
  }

本文分享自微信公众号 - 老雷PHP全栈开发(L362606856)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-08-14

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 表单及登录支付

    评论功能涉及到用户登录状态,所以我们需要做一个用户登录功能,给服务端发送的请求包含登录信息。

    老雷PHP全栈开发
  • 认识PHP函数

    PHP 在用户自定义函数中支持可变数量的参数列表。在 PHP 5.6 及以上的版本中,由 ... 语法实现;在 PHP 5.5 及更早版本中,使用函数 fun...

    老雷PHP全栈开发
  • PHP类与对象

    面向对象(Object Oriented,OO)其是以对象模型为基础进行的抽象过程,并在应用过程中形成了描述自己的抽象概念定义,包括对象、类、封装、继承以及多...

    老雷PHP全栈开发
  • Leetcode 257. Binary Tree Paths

    Given a binary tree, return all root-to-leaf paths. For example, given the fol...

    triplebee
  • 会员提问 之 JS中的私有方法有什么意义?

    先说结论, (1)JavaScript没有私有方法。 (2)JavaScript的私有方法都是通过“作用域”来实现的。 (3)有没有用?有没有意义?肯定有! 什...

    web前端教室
  • Leetcode 94 Binary Tree Inorder Traversal

    Given a binary tree, return the inorder traversal of its nodes' values. For ex...

    triplebee
  • “用云的方式保护云”: 如何利用云原生SOC进行云端检测与响应

    下面我们将围绕腾讯云安全运营中心(详情戳:https://cloud.tencent.com/product/soc)这款产品的部分功能,来给大家介绍一下,如何...

    腾讯安全
  • 什么是ip地址、子网掩码、网关和DNS?

    IP是32位二进制数据,通常以十进制表示,并以“.”分隔。IP地址是一种逻辑地地址,用来标识网络中一个个主机,IP有唯一性,即每台机器的IP在全世界是唯一的。

    绝命生
  • Selenium(Webdriver)的安装

    安装selenium前需要确保python安装成功,并且已经安装了pip。安装 pip 的好处是可以使用 pip 命令方便地安装 Python 第三方库。在通过...

    Altumn

扫码关注云+社区

领取腾讯云代金券