标签:axios http 闪烁 content 传输数据 缺陷 response 页面
前端页面axios连接后台服务器传输数据
前言
axios 是由 promise 封装的一个 http 的库。
提示:以下是本篇文章正文内容,下面案例可供参考
一、axios
axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,本质上也是对原生XHR的封装,只不过它是Promise的实现版本,符合最新的ES规范,它本身具有以下特征:
• 从浏览器中创建 XMLHttpRequest
• 支持 Promise API
• 客户端支持防止CSRF
• 提供了一些并发请求的接口(重要,方便了很多的操作)
• 从 node.js 创建 http 请求
• 拦截请求和响应
• 转换请求和响应数据
• 取消请求
• 自动转换JSON数据
二、使用步骤
http://localhost:5000/data
代表服务端地址,then( response
的response代表收到的数据;.catch(function (error)
表示捕捉到的错误。
代码如下(示例):
this.$axios.post('http://localhost:5000/data', {
firstName: 'Fred',
lastName: 'Flintstone'
})
.then( response => {
console.log('dataaaa',response);
this.details=[
{content:'(1) 01:33||02:42||04:13处出现闪烁缺陷'},
{content:'(2) 全片共出现三次闪烁缺陷'},
{content:'(3) 01:33处闪烁缺陷高于正常值20%'},
{content:'(4) 02:42处闪烁缺陷高于正常值30%'},
{content:'(5) 04:13处闪烁缺陷低于正常值10%'}
]
})
.catch(function (error) {
console.log(error);
})
三、相关配置
代码如下(示例):
配置
在src/main.js配置 axios,加入如下两行代码:
import axios from 'axios'
Vue.prototype.$axios= axios
ajax的文章链接:https://blog.csdn.net/yangyaning123/article/details/117198344?spm=1001.2014.3001.5502
标签:axios,http,闪烁,content,传输数据,缺陷,response,页面 来源: https://blog.csdn.net/yangyaning123/article/details/117198608
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。