Vue_Study入门六

本文涉及的产品
实时数仓Hologres,5000CU*H 100GB 3个月
智能开放搜索 OpenSearch行业算法版,1GB 20LCU 1个月
检索分析服务 Elasticsearch 版,2核4GB开发者规格 1个月
简介: Get新知识: promise 的使用promise 为了更好处理异步操作,避免回调嵌套,**Promise **对象用于表示一个异步操作的最终完成 (或失败)及其结果值。 基本使用:实例化 Promise 对象,构造函数中传递函数,该函数用于处理异步任务其中resolve,resject 两个参数用于处理成功和失败两种情况,并通过p.then 获取处理结果如下图示例: Promise 常...

Get新知识:

promise 的使用

promise 为了更好处理异步操作,避免回调嵌套,Promise 对象用于表示一个异步操作的最终完成 (或失败)及其结果值。

基本使用:

实例化 Promise 对象,构造函数中传递函数,该函数用于处理异步任务
其中resolve,resject 两个参数用于处理成功和失败两种情况,并通过p.then 获取处理结果
如下图示例:
image.png

Promise 常用的API

实例方法
image.png

静态方法
image.png

fetch 的使用

fetch 是 XMLHttpRequest 的升级版,用于在 JavaScript 脚本里面发出 HTTP 请求。
并且使用promise, 不适用回调函数,简化代码。
它接受一个url 作为参数,对url 进行请求。

基本使用

需要传入一个url 的参数,跟promise 一样,使用then 链式调用。
image.png

其中text() 方法也属于fetch API 的一部分。

fetch 请求参数

fetch 支持设置请求参数,以发出不同的请求。

image.png

get 请求,一般用于获取查询数据
image.png

delete 请求,一般用于删除数据
image.png

post 请求,一般用于添加数据
image.png

put 请求,一般用于修改数据。
image.png

fetch 请求响应

如果响应是json 格式的数据,则可以通过 data.json() 方法将数据转换成 js 的对象,就可以正常使用对象的方式操作数据。
普通情况下,使用text() 方法获取到的是普通字符串,不能当作对象来使用。

目录
相关文章
|
2月前
|
JavaScript 前端开发 小程序
一小时入门Vue.js前端开发
本文是作者关于Vue.js前端开发的快速入门教程,包括结果展示、参考链接、注意事项以及常见问题的解决方法。文章提供了Vue.js的基础使用介绍,如何安装和使用cnpm,以及如何解决命令行中遇到的一些常见问题。
一小时入门Vue.js前端开发
|
21天前
|
存储 JavaScript 前端开发
前端开发:Vue.js入门与实战
【10月更文挑战第9天】前端开发:Vue.js入门与实战
|
23天前
|
JavaScript API 开发者
十分钟 带你强势入门 vue3
十分钟 带你强势入门 vue3
55 1
|
9天前
|
JavaScript 前端开发 C#
从入门到放弃,我们为何从 Blazor 回到 Vue
【10月更文挑战第29天】在前端开发中,许多开发者从尝试新技术 Blazor 最终回到熟悉的 Vue。主要原因包括:1) Blazor 学习曲线陡峭,Vue 上手容易;2) Vue 开发工具成熟,开发效率高;3) Vue 性能优异,优化简单;4) Vue 社区庞大,生态丰富;5) 项目需求和团队协作更适配 Vue。选择技术栈需综合考虑多方面因素。
|
30天前
|
JavaScript
vue3完整教程从入门到精通(新人必学2,搭建项目)
本文介绍了如何在Vue 3项目中安装并验证Element Plus UI框架,包括使用npm安装Element Plus、在main.js中引入并使用该框架,以及在App.vue中添加一个按钮组件来测试Element Plus是否成功安装。
51 0
vue3完整教程从入门到精通(新人必学2,搭建项目)
|
30天前
|
JavaScript Java CDN
vue3完整教程从入门到精通(新人必学1,vue3快速上手)
本文提供了Vue 3从入门到精通的完整教程,涵盖了创建Vue应用、通过CDN使用Vue、定义网站以及使用ES模块构建版本的步骤和示例代码。
85 0
vue3完整教程从入门到精通(新人必学1,vue3快速上手)
|
3月前
|
缓存 监控 JavaScript
vue从安装到熟练 2022流畅无痛版(第一季:入门篇)
该文章是《vue从安装到熟练 2022流畅无痛版》系列的第一季入门篇,介绍了Vue的基本概念、环境配置、项目创建与运行,并通过修改HelloWorld.vue和App.vue文件内容展示了如何在页面上显示"Hello World",最后还提供了Vue官方文档链接和介绍了Vue的常用内置指令和模板语法等基础知识。
vue从安装到熟练 2022流畅无痛版(第一季:入门篇)
|
3月前
|
JavaScript 前端开发
vue入门
vue入门
28 2
vue入门
|
6月前
|
JavaScript 开发者 UED
Vue入门到关门之第三方框架elementui
ElementUI是一个基于Vue.js的组件库,包含丰富的UI组件如按钮、表格,强调易用性、响应式设计和可自定义主题。适用于快速构建现代化Web应用。官网:[Element.eleme.cn](https://element.eleme.cn/#/zh-CN)。安装使用时,需在项目中导入ElementUI和其样式文件。
56 0
|
3月前
|
JavaScript 前端开发 API
Vue3入门
Vue3入门
30 0