【Vue.js】012-ajax

怼烎@ 2023-10-05 08:55 41阅读 0赞

# 一、vue-resource #

vue-resource是Vue.js的插件提供了使用XMLHttpRequest或JSONP进行Web请求和处理响应的服务。 当vue更新  
到2.0之后，作者就宣告不再对vue-resource更新，而是推荐的axios，在这里大家了解一下vue-resource就可以；

vue-resource的github: https://github.com/pagekit/vue-resource

# 二、axios #

## 1、概述 ##

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中；

axios的github:https://github.com/axios/axios；

## 2、引入axios ##

### 方式一：如果你使用es6，只需要安装axios模块之后 ###

import axios from 'axios';
    //安装方法
    npm install axios
    //或
    bower install axios

### 方式二：用script引入 ###

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    
    或者
    
    <script src="../../js/axios.min.js"></script>

# 三、get请求 #

//通过给定的ID来发送请求
    axios.get('/user?ID=12345')
    	.then(function(response) {
    		console.log(response);
    	})
    	.catch(function(err) {
    		console.log(err);
    	});
    //以上请求也可以通过这种方式来发送
    axios.get('/user', {
    		params: {
    			ID: 12345
    		}
    	})
    	.then(function(response) {
    		console.log(response);
    	})
    	.catch(function(err) {
    		console.log(err);
    	});

# 四、Post请求 #

axios.post('/user', {
    		firstName: 'Fred',
    		lastName: 'Flintstone'
    	})
    	.then(function(res) {
    		console.log(res);
    	})
    	.catch(function(err) {
    		console.log(err);
    	});

为方便起见，为所有支持的请求方法提供了别名

axios.request(config)
    axios.get(url[, config])
    axios.delete(url[, config])
    axios.head(url[, config])
    axios.post(url[, data[, config]])
    axios.put(url[, data[, config]])
    axios.patch(url[, data[, config]])

发表评论取消回复

表情：

评论列表（有 0 条评论，41人围观）

还没有评论，来说两句吧...

相关阅读

相关 VueJS总结

.v-for 循环中属性拼接字符串 <a v-bind:href="'/forum/list/?id=' + id" > /forum/list/?id=为拼...

ゞ浴缸里的玫瑰/ 2024年04月18日 07:52/ 0 赞/ 118 阅读

相关【MySQL】012-事务

一、基本介绍 1、概念如果一个包含多个步骤的业务操作，被事务管理，那么这些操作要么同时成功，要么同时失败； 2、操作 ①开启事务：start transa

我会带着你远行/ 2023年10月19日 08:04/ 0 赞/ 86 阅读

相关【Vue.js】012-ajax

一、vue-resource vue-resource是Vue.js的插件提供了使用XMLHttpRequest或JSONP进行Web请求和处理响应的服务。当vue更新

怼烎@/ 2023年10月05日 08:55/ 0 赞/ 42 阅读

相关 vuejs java_vuejs深入浅出—基础篇

一、从HelloWorld说起任何语言的都是从Hello World开始的，VueJs也不例外，直接上代码： \{ \{hello\}\} new Vue(\{ el

朱雀/ 2022年11月05日 12:56/ 0 赞/ 433 阅读

相关 VueJS初探

文章目录 Vue基本代码和MVVM之间对应关系 v-cloak、v-text、v-html的基本使用 v-bind指令-缩写是：

电玩女神/ 2022年10月26日 15:27/ 0 赞/ 340 阅读

相关 Vuejs——（6）Vuejs与form元素

资料来于官方文档： http://cn.vuejs.org/guide/forms.html 本文是在官方文档的基础上，更加细致的说明，代码更多更全。简单来说，更

深藏阁楼爱情的钟/ 2022年07月18日 00:14/ 0 赞/ 349 阅读

相关 VueJS ajax综合案例（修改用户信息实现步骤）

修改用户信息 1.过程演示 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0c

- 日理万妓/ 2022年01月22日 08:05/ 0 赞/ 313 阅读

相关 VueJS ajax综合案例

一、目录结构和注意事项 1.目录结构 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_

- 日理万妓/ 2022年01月22日 03:39/ 0 赞/ 312 阅读

相关 012-Dockerfile-ARG

语法 ARG <name>[=<default value>] 作用和描述 ARG 指令使用 --build-arg = 标志定义一个变量，用户可以使

深碍√TFBOYSˉ_/ 2022年01月16日 01:41/ 0 赞/ 213 阅读

相关 Vuejs

1. 入门案例 1. 创建vuejs-demo.html <!DOCTYPE html> <html> <he

灰太狼/ 2021年12月21日 19:23/ 0 赞/ 391 阅读