理解 Axios、jQuery Ajax 和 Fetch 的差别
2024-09-04jQuery 是一个功能强大的 JavaScript 库,Ajax 是其核心功能之一。通过 jQuery Ajax,我们可以轻松地进行异步 HTTP 请求,更新页面内容而无需重新加载页面。Fetch API 是现代浏览器提供的原生 API,用于替代传统的 XMLHttpRequest(XHR)。它基于 promise,提供了更简洁和强大的接口来处理 HTTP 请求。Axios 是一个基于 promise 的 HTTP 客户端,可以运行在浏览器和 Node.js 中。
echarts自定义悬浮提示
2024-09-03在ECharts图表配置中,使用formatter来定制提示框内容,但formatter不支持异步操作。当lineChartData函数是异步的,提示框会显示promise对象而非预期的数据。解决方案可能包括将数据预加载或改用同步方式处理。
Vue 3 如何处理异步操作(比如 API 请求)?
2024-08-30Vue.js是一个渐进式JavaScript框架,用于构建用户界面。随着Vue 3的发布,很多新的特性和改进被引入,使得开发者更容易处理异步操作。Vue 3利用了现代JavaScript中的一些特性,例如promise、async/await等,使开发体验更为流畅和高效。_vue3 异步请求
Uncaught (in promise) Error: Request failed with status code 404 at createError (createError.js:
2024-08-27当前端登录时遇到404错误,经排查发现是由于跨域请求问题。文章详细介绍了可能的原因,如前端路由配置错误、后端服务不可用等,并最终通过设置前端代理解决了问题。
Vue中通过promise.all处理异步任务同时逐个延迟发送
2024-08-24近期在项目开发中,遇到并发上报信息的问题。由于业务需要,要求同一时间将数组中的数据一起并且逐条发送给后台处理;在使用promise.all处理多个异步任务时,发现1毫秒间十几条异步请求就发送完毕,导致服务器无法同时处理完毕这些任务,最终部分请求失败问题。所以在使用promise.all的同时,也需要将每个异步任务的发送时间作个延迟处理。_promise.all 进行延迟
前端 JS 经典:promise 详解
2024-08-21在以前我们实现异步是用的回调函数,当一个异步请求需要依赖上一个异步请求返回的结果的时候,就会形成如下这种的调用结构。这种结构看着很杂乱且不易维护,被我们亲切的叫做。为了解决回调地狱的问题,promise 就诞生了。。_js promise
超级无敌大结合(vue3 scss axios(ajax promise))
2024-08-20原生事件:事件名是特定的(clickmosueenter等等)事件对象$event: 是包含事件相关信息的对象(pageXpageYtargetkeyCode自定义事件:事件名是任意名称事件对象$event: 是调用emit时所提供的数据,可以是任意类型!!!vue3中利用defineEmits方法返回函数触发自定义事件,不需要引入直接使用._vue3 scss
从0开始Vue3数据交互之promise详解
2024-08-19前端中的异步编程技术,类似Java中的多线程 线程结果回调!promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6将其写进了语言标准,统一了用法,原生提供了promise对象。所谓promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,promise 是一个对象,从它可以获取异步操作的消息。promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。
vue 多项选择器 picker组件——动态绑定数组实现多项选择器
2024-08-18基于这个演示的效果我们可以很直观的知道各个属性的作用:range是我们选择的范围,range-key是要它显示的内容,value是每次选定的下标(类似[0,0,0]这样),@columnchange是滑动改变选择触发的方法。一开始我认为是同步的问题,就是接口的数据还没来及给multiAdress这个数组,picker就已经显示了,于是使用了promise来解决这个问题,但是没有作用,于是我又想了很久,终于在别人的博客中找到了答案,那就是。省市区的格式是这样的,Code可以不用管,这是我调用接口用的参数。_vue picker
前端-axios应用在html文件
2024-08-15axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。首先需要知道:axios不是一种新的技术。axios 是一个基于promise 用于浏览器和 nodejs 的 HTTP 客户端,本质上也是对原生XHR的封装,只不过它是promise的实现版本,符合最新的ES规范,有以下特点:从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 promise API拦截请求和响应转换请求数据和响应数据取消请求。_axios html