前置知识:
需要了解 JS 对象 的相关知识。
1.WebAPI介绍
API:应用程序接口,是基于编程语言构建的结构,使开发人员更容易地创建复杂的功能。它们抽象了复杂的代码,并提供一些简单的接口规则直接使用。
客户端JavaScript提供很多可用的API,他们本身不是JavaScript语言的一部分,却建立在JavaScript语言核心的顶部,为使用JavaScript代码提供额外的超强能力。他们通常分为两类:
2025年06月29日
需要了解 JS 对象 的相关知识。
API:应用程序接口,是基于编程语言构建的结构,使开发人员更容易地创建复杂的功能。它们抽象了复杂的代码,并提供一些简单的接口规则直接使用。
客户端JavaScript提供很多可用的API,他们本身不是JavaScript语言的一部分,却建立在JavaScript语言核心的顶部,为使用JavaScript代码提供额外的超强能力。他们通常分为两类:
2025年06月29日
async函数,也就是我们常说的async/await,是在ES8中引入的新特性,主要目的是为了简化使用基于Promise的API时所需的语法。async和await关键字让使用 Promises变得容易,而无需刻意地链式调用Promise。并且与嵌套的.then相比,代码可读性更好。下面就来介绍一下它的具体使用以及规则。
2025年06月29日
原生里可以通过XMLHttpRequest对象上的abort方法来中断ajax。注意abort方法不能阻止向服务器发送请求,只能停止当前ajax请求。
2025年06月29日
当今数字时代,互联网的发展让我们的网页愈发交互且动感十足。你是否曾想过这些令人惊艳的网页是如何实现的呢?答案之一就在于 Ajax(Asynchronous JavaScript and XML)技术。在本文中动手实现属于你自己的 Ajax 请求!
2025年06月29日
大家好,今天我来分享一项JavaScript的实战技巧,即如何在JS中使用Ajax进行异步请求,让你的网页速度瞬间提升。Ajax是一种在不刷新整个网页的情况下与服务器进行数据交互的技术,可以实现异步加载数据,提升用户体验。下面我将详细介绍如何使用Ajax进行异步请求,让你的网页变得更加高效。
步骤一:创建XMLHttpRequest对象
首先,我们需要创建一个XMLHttpRequest对象,用于发送和接收数据。可以使用以下代码来创建XMLHttpRequest对象:
2025年06月29日
/*
* Ajax的核心操作对象是xmlHttpRequest
*/
实例化对象
考虑到兼容问题,非IE5/IE6 使用 => new XMLHttpRequest;
IE5/IE6使用 => new ActiveXObject(Microsoft.XMLHTTP); 神呐,请带走IE吧!
2025年06月29日
之所以需要跨域,是因为浏览器同源策略的约束,面对不同源的请求,我们无法完成,这时候就需要用到跨域。同源策略拦截的是跨源请求,原因:CORS缺少
Access-Control-Allow-Origin头
2025年06月29日
为了执行Javascript,需要在HTML文件内以特定的方式书写JavaScript的代码,JavaScript的书写方法有多种,其执行的流程也各不相同:
此种嵌入方法无法操作<script>之后的DOM元素。因为<script>之后的DOM元素还未构造,因此在<script>标签内就无法取得位于其后的DOM元素。