完美句号-CSDN博客

原创 javascript基础从小白到高手系列四千四百五十二：进度事件

每次请求都会首先触发loadstart 事件，之后是一个或多个progress 事件，接着是error、abort。每次触发时，onprogress 事件处理程序都会收到event 对象，其target 属性是XHR 对象，且。onload 事件处理程序会收到一个event 对象，其target 属性设置为XHR 实例，在这个实例上。Mozilla 在XHR 对象上另一个创新是progress 事件，在浏览器接收数据期间，这个事件会反复触。只要是从服务器收到响应，无论状态码是什么，都会触发load 事件。

2025-05-01 21:40:05 196

原创 javascript基础从小白到高手系列四千四百五十一：使用cookie 的注意事项

每次请求都会首先触发loadstart 事件，之后是一个或多个progress 事件，接着是error、abort。每次触发时，onprogress 事件处理程序都会收到event 对象，其target 属性是XHR 对象，且。onload 事件处理程序会收到一个event 对象，其target 属性设置为XHR 实例，在这个实例上。Mozilla 在XHR 对象上另一个创新是progress 事件，在浏览器接收数据期间，这个事件会反复触。只要是从服务器收到响应，无论状态码是什么，都会触发load 事件。

2025-05-01 21:39:32 342

原创 javascript基础从小白到高手系列四千四百五十：子cookie

的名称，第二个元素是子cookie 的值。set()方法接收7 个参数：cookie 的名称、子cookie 的名称、子cookie 的值、可选的Date 对象用。用于取得所有子cookie，并以对象形式返回，对象的属性是子cookie 的名称，值是子cookie 的值。于设置cookie 的过期时间、可选的cookie 路径、可选的cookie 域和可选的布尔值secure 标志。setAll()方法接收6 个参数：cookie 的名称、包含所有子cookie 的对象，然后是set()方法中使。

2025-05-01 21:38:05 297

原创 javascript基础从小白到高手系列四千四百四十九：cookie 的构成

http://www.wrox.com/books/访问，因此访问http://www.wrox.com/下的页面就不会发送cookie，即。这个头部设置一个名为"name"的cookie，这个cookie 在2007 年1 月22 日7:10:24 过期，对。www.wrox.com），也可以不包含（如.wrox.com 表示对wrox.com 的所有子域都有效）。求https://www.wrox.com 会发送cookie，而请求http://www.wrox.com则不会。这个值可能包含子域（如。

2025-05-01 21:36:47 301

原创 javascript基础从小白到高手系列四千四百四十八：Headers 独有的特性

response 在通过构造函数初始化Response 对象时激活不允许修改禁止修改的响应头部（参见MDN 文。Headers 实例中还不存在的头部上调用append()方法相当于调用set()。在初始化Headers 对象时，也可以使用键/值对形式的对象，Headers 实例会因来源不同而展现不同的行为，它们的行为由护卫来控制。不同的护卫设置会改变set()、append()和delete()的行为。一个HTTP 头部字段可以有多个值，而Headers 对象通过append()方法支持添加多个值。

2025-05-01 21:36:09 324

原创 javascript基础从小白到高手系列四千四百四十七：中断请求

Headers 与Map 类型都有get()、set()、has()和delete()Headers 实例，可以通过Request.prototype.headers 访问，每个入站Response 实例也可以通过。Response.prototype.headers 访问包含着响应头部的Headers 对象。这是合理的，因为HTTP 头部本质上是序列化后的键/值对，Headers 对象是所有外发请求和入站响应头部的容器。另外，使用new Headers()也可以创建一个新实例。// 确定值已经删除。

2025-05-01 21:35:48 304

原创 javascript基础从小白到高手系列四千四百四十六：常见Fetch 请求模式

与XMLHttpRequest 一样，fetch()既可以发送数据也可以接收数据。使用init 对象参数，可。以配置fetch()在请求体中发送各种序列化的数据。

2025-05-01 21:32:46 222

原创 javascript基础从小白到高手系列四千四百四十四：替代性跨源技术

JSONP 是“JSON with padding”的简写，是在Web 服务上流行的一种JSON 变体。这个例子创建了一个新的Image 实例，然后为它的onload 和onerror 事件处理程序添加了同一。这个JSONP 请求的URL 是一个地理位置服务。CORS 出现之前，实现跨源Ajax 通信是有点麻烦的。数据通过查询字符串发送，响应可以随意设置，不过一般是位图图片或值为204 的状态码。函数的名称是通过请求来动态指定的。当然，图片探测的缺点是只能发。标签实现跨域通信的最早的一种技术。

2025-05-01 21:32:07 254

原创 javascript基础从小白到高手系列四千四百四十三：跨源资源共享

通过XHR 进行Ajax 通信的一个主要限制是跨源安全策略。默认情况下，XHR 只能访问与发起请求的页面在同一个域内的资源。这个安全限制可以防止某些恶意行为。不过，浏览器也需要支持合法跨源访问的能力。跨源资源共享（CORS，Cross-Origin Resource Sharing）定义了浏览器与服务器如何实现跨源通信。CORS 背后的基本思路就是使用自定义的HTTP 头部允许浏览器和服务器相互了解，以确实请求或响应应该成功还是失败。对于简单的请求，比如GET 或POST 请求，没有自定义头部，

2025-05-01 21:31:27 232

原创 javascript基础从小白到高手系列四千四百四十二：进度事件

每次请求都会首先触发loadstart 事件，之后是一个或多个progress 事件，接着是error、abort。每次触发时，onprogress 事件处理程序都会收到event 对象，其target 属性是XHR 对象，且。onload 事件处理程序会收到一个event 对象，其target 属性设置为XHR 实例，在这个实例上。Mozilla 在XHR 对象上另一个创新是progress 事件，在浏览器接收数据期间，这个事件会反复触。只要是从服务器收到响应，无论状态码是什么，都会触发load 事件。

2025-05-01 21:30:56 279

原创 javascript基础从小白到高手系列四千四百四十一：使用cookie 的注意事项

Web Storage 的第2 版定义了两个对象：localStorage 和sessionStorage。的空间大小，尽管IE8 提供了remainingSpace 属性，用于确定还有多少存储空间（以字节计）可用。保存的cookie 越大，请求完成的时间就越长。永久存储机制，sessionStorage 是跨会话的存储机制。对cookie 的限制及其特性决定了cookie 并不是存储大量数据的理想方式。个数据项都作为属性存储在该对象上，所以可以使用点或方括号操作符访问这些属性，通过同样的操作。

2025-05-01 21:30:34 261

原创 javascript基础从小白到高手系列四千四百四十：子cookie

的名称，第二个元素是子cookie 的值。set()方法接收7 个参数：cookie 的名称、子cookie 的名称、子cookie 的值、可选的Date 对象用。用于取得所有子cookie，并以对象形式返回，对象的属性是子cookie 的名称，值是子cookie 的值。于设置cookie 的过期时间、可选的cookie 路径、可选的cookie 域和可选的布尔值secure 标志。setAll()方法接收6 个参数：cookie 的名称、包含所有子cookie 的对象，然后是set()方法中使。

2025-05-01 21:23:54 316

原创 javascript基础从小白到高手系列四千四百三十九：cookie 的构成

http://www.wrox.com/books/访问，因此访问http://www.wrox.com/下的页面就不会发送cookie，即。这个头部设置一个名为"name"的cookie，这个cookie 在2007 年1 月22 日7:10:24 过期，对。www.wrox.com），也可以不包含（如.wrox.com 表示对wrox.com 的所有子域都有效）。求https://www.wrox.com 会发送cookie，而请求http://www.wrox.com则不会。这个值可能包含子域（如。

2025-05-01 21:23:23 311

原创 javascript基础从小白到高手系列四千四百三十八：Headers 独有的特性

response 在通过构造函数初始化Response 对象时激活不允许修改禁止修改的响应头部（参见MDN 文。Headers 实例中还不存在的头部上调用append()方法相当于调用set()。在初始化Headers 对象时，也可以使用键/值对形式的对象，Headers 实例会因来源不同而展现不同的行为，它们的行为由护卫来控制。不同的护卫设置会改变set()、append()和delete()的行为。一个HTTP 头部字段可以有多个值，而Headers 对象通过append()方法支持添加多个值。

2025-05-01 21:22:51 169

原创 javascript基础从小白到高手系列四千四百三十七：中断请求

Headers 与Map 类型都有get()、set()、has()和delete()Headers 实例，可以通过Request.prototype.headers 访问，每个入站Response 实例也可以通过。Response.prototype.headers 访问包含着响应头部的Headers 对象。这是合理的，因为HTTP 头部本质上是序列化后的键/值对，Headers 对象是所有外发请求和入站响应头部的容器。另外，使用new Headers()也可以创建一个新实例。// 确定值已经删除。

2025-05-01 21:22:22 202

原创 javascript基础从小白到高手系列四千四百三十六：常见Fetch 请求模式

与XMLHttpRequest 一样，fetch()既可以发送数据也可以接收数据。使用init 对象参数，可。以配置fetch()在请求体中发送各种序列化的数据。

2025-04-30 08:33:18 354

原创 javascript基础从小白到高手系列四千四百三十五：Fetch API

Fetch API 是WHATWG 的一个“活标准”（living standard），用规范原文说，就是“Fetch 标准定义请求、Fetch API 能够执行XMLHttpRequest 对象的所有任务，但更容易使用，接口也更现代化，能够在。Fetch API 本身是使用JavaScript 请求资源的优秀工具，同时这个API 也能够应用在服务线程。fetch()方法是暴露在全局作用域中的，包括主页面执行线程、模块和工作线程。响应，以及绑定二者的流程：获取（fetch）”。

2025-04-30 08:32:46 371

原创 javascript基础从小白到高手系列四千四百三十四：替代性跨源技术

JSONP 是“JSON with padding”的简写，是在Web 服务上流行的一种JSON 变体。这个例子创建了一个新的Image 实例，然后为它的onload 和onerror 事件处理程序添加了同一。这个JSONP 请求的URL 是一个地理位置服务。CORS 出现之前，实现跨源Ajax 通信是有点麻烦的。数据通过查询字符串发送，响应可以随意设置，不过一般是位图图片或值为204 的状态码。函数的名称是通过请求来动态指定的。当然，图片探测的缺点是只能发。标签实现跨域通信的最早的一种技术。

2025-04-30 08:32:15 189

原创 javascript基础从小白到高手系列四千四百三十三：跨源资源共享

注意，服务器也可以在预检请求的。如果服务器决定响应请求，那么应该发送Access-Control-Allow-Origin 头部，包含相同的源；在这个请求发送后，服务器可以确定是否允许这种类型的请求。 Access-Control-Request-Headers：（可选）要使用的逗号分隔的自定义头部列表。对于简单的请求，比如GET 或POST 请求，没有自定义头部，而且请求体是text/plain 类型， Access-Control-Allow-Headers：服务器允许的头部（逗号分隔的列表）。

2025-04-30 08:31:44 238

原创 javascript基础从小白到高手系列四千四百三十二：进度事件

每次请求都会首先触发loadstart 事件，之后是一个或多个progress 事件，接着是error、abort。每次触发时，onprogress 事件处理程序都会收到event 对象，其target 属性是XHR 对象，且。onload 事件处理程序会收到一个event 对象，其target 属性设置为XHR 实例，在这个实例上。Mozilla 在XHR 对象上另一个创新是progress 事件，在浏览器接收数据期间，这个事件会反复触。只要是从服务器收到响应，无论状态码是什么，都会触发load 事件。

2025-04-30 08:29:14 206

原创 javascript基础从小白到高手系列四千四百三十一：读取响应状态信息

克隆Response 对象的主要方式是使用clone()方法，这个方法会创建一个一模一样的副本，不。如果响应对象的bodyUsed 属性为true（即响应体已被读取），则不能再创建这个对象的副本。此外，通过创建带有原始响应体的Response 实例，可以执行伪克隆操作。对于重定向响应，这是最终的URL，非重定向响应就是它产生的。Response 对象包含一组只读属性，描述了请求完成后的状态，如下表所示。 error：表示响应对象是通过Response.error()创建的。可能是下列字符串值之一。

2025-04-30 08:28:29 265

原创 javascript基础从小白到高手系列四千四百二十九：克隆Request 对象

Fetch API 提供了两种不太一样的方式用于创建Request 对象的副本：使用Request 构造函数和使。关键在于，通过fetch 使用Request 会将请求体标记为已使用。要想基于包含请求体的相同Request 对象多次调用fetch()，必须在第一次发送fetch()请求前。第二种克隆Request 对象的方式是使用clone()方法，这个方法会创建一模一样的副本，任何值。如果请求对象的bodyUsed 属性为true（即请求体已被读取），那么上述任何一种方式都不能用来。创建这个对象的副本。

2025-04-30 08:27:54 386

原创 javascript基础从小白到高手系列四千四百二十八：Headers 独有的特性

response 在通过构造函数初始化Response 对象时激活不允许修改禁止修改的响应头部（参见MDN 文。Headers 实例中还不存在的头部上调用append()方法相当于调用set()。在初始化Headers 对象时，也可以使用键/值对形式的对象，Headers 实例会因来源不同而展现不同的行为，它们的行为由护卫来控制。不同的护卫设置会改变set()、append()和delete()的行为。一个HTTP 头部字段可以有多个值，而Headers 对象通过append()方法支持添加多个值。

2025-04-30 08:27:17 267

原创 javascript基础从小白到高手系列四千四百二十七：中断请求

Headers 与Map 类型都有get()、set()、has()和delete()Headers 实例，可以通过Request.prototype.headers 访问，每个入站Response 实例也可以通过。Response.prototype.headers 访问包含着响应头部的Headers 对象。这是合理的，因为HTTP 头部本质上是序列化后的键/值对，Headers 对象是所有外发请求和入站响应头部的容器。另外，使用new Headers()也可以创建一个新实例。// 确定值已经删除。

2025-04-30 08:26:28 364

原创 javascript基础从小白到高手系列四千四百二十六：常见Fetch 请求模式

与XMLHttpRequest 一样，fetch()既可以发送数据也可以接收数据。使用init 对象参数，可。以配置fetch()在请求体中发送各种序列化的数据。

2025-04-30 08:25:58 312

原创 javascript基础从小白到高手系列四千四百二十四：Fetch API

Fetch API 是WHATWG 的一个“活标准”（living standard），用规范原文说，就是“Fetch 标准定义请求、Fetch API 能够执行XMLHttpRequest 对象的所有任务，但更容易使用，接口也更现代化，能够在。Fetch API 本身是使用JavaScript 请求资源的优秀工具，同时这个API 也能够应用在服务线程。fetch()方法是暴露在全局作用域中的，包括主页面执行线程、模块和工作线程。响应，以及绑定二者的流程：获取（fetch）”。

2025-04-30 08:25:27 238

原创 javascript基础从小白到高手系列四千四百二十三：替代性跨源技术

JSONP 是“JSON with padding”的简写，是在Web 服务上流行的一种JSON 变体。这个例子创建了一个新的Image 实例，然后为它的onload 和onerror 事件处理程序添加了同一。这个JSONP 请求的URL 是一个地理位置服务。CORS 出现之前，实现跨源Ajax 通信是有点麻烦的。数据通过查询字符串发送，响应可以随意设置，不过一般是位图图片或值为204 的状态码。函数的名称是通过请求来动态指定的。当然，图片探测的缺点是只能发。标签实现跨域通信的最早的一种技术。

2025-04-30 08:24:55 188

原创 javascript基础从小白到高手系列四千四百二十二：Request、Response 及Body 混入

Request 和Response 都使用了Fetch API 的Body 混入，以实现两者承担有效载荷的能力。可能会导致网络延迟，另一个原因是流API 本身在处理有效载荷方面是有优势的。Body 混入提供了5 个方法，用于将ReadableStream 转存到缓冲区的内存里，将缓冲区转换为某。示body 流是否已读）和一组方法，用于从流中读取内容并将结果转换为某种JavaScript 对象类型。通常，将Request 和Response 主体作为流来使用主要有两个原因。一个原因是有效载荷的大小。

2025-04-30 08:24:24 252

原创 javascript基础从小白到高手系列四千四百二十一：读取响应状态信息

克隆Response 对象的主要方式是使用clone()方法，这个方法会创建一个一模一样的副本，不。如果响应对象的bodyUsed 属性为true（即响应体已被读取），则不能再创建这个对象的副本。此外，通过创建带有原始响应体的Response 实例，可以执行伪克隆操作。对于重定向响应，这是最终的URL，非重定向响应就是它产生的。Response 对象包含一组只读属性，描述了请求完成后的状态，如下表所示。 error：表示响应对象是通过Response.error()创建的。可能是下列字符串值之一。

2025-04-30 08:23:53 328

原创 javascript基础从小白到高手系列四千四百一十九：Response 对象

Response 类还有两个用于生成Response 对象的静态方法：Response.redirect()和Response.Response 对象的期约，这个Response 对象代表实际的HTTP 响应。另一个静态方法Response.error()用于产生表示网络错误的Response 对象（网络错误会导致。还可以接收一个可选的init 对象，这个对象可以包含下表所列的键和值。大多数情况下，产生Response 对象的主要方式是调用fetch()，它返回一个最后会解决为。用响应体的不同方式。

2025-04-30 08:23:13 213

原创 javascript基础从小白到高手系列四千四百一十八：克隆Request 对象

Fetch API 提供了两种不太一样的方式用于创建Request 对象的副本：使用Request 构造函数和使。关键在于，通过fetch 使用Request 会将请求体标记为已使用。要想基于包含请求体的相同Request 对象多次调用fetch()，必须在第一次发送fetch()请求前。第二种克隆Request 对象的方式是使用clone()方法，这个方法会创建一模一样的副本，任何值。如果请求对象的bodyUsed 属性为true（即请求体已被读取），那么上述任何一种方式都不能用来。创建这个对象的副本。

2025-04-29 19:25:52 239

原创 javascript基础从小白到高手系列四千四百一十七：Headers 独有的特性

response 在通过构造函数初始化Response 对象时激活不允许修改禁止修改的响应头部（参见MDN 文。Headers 实例中还不存在的头部上调用append()方法相当于调用set()。在初始化Headers 对象时，也可以使用键/值对形式的对象，Headers 实例会因来源不同而展现不同的行为，它们的行为由护卫来控制。不同的护卫设置会改变set()、append()和delete()的行为。一个HTTP 头部字段可以有多个值，而Headers 对象通过append()方法支持添加多个值。

2025-04-29 19:25:14 233

原创 javascript基础从小白到高手系列四千四百一十六：中断请求

Headers 与Map 类型都有get()、set()、has()和delete()Headers 实例，可以通过Request.prototype.headers 访问，每个入站Response 实例也可以通过。Response.prototype.headers 访问包含着响应头部的Headers 对象。这是合理的，因为HTTP 头部本质上是序列化后的键/值对，Headers 对象是所有外发请求和入站响应头部的容器。另外，使用new Headers()也可以创建一个新实例。// 确定值已经删除。

2025-04-29 19:24:38 215

原创 javascript基础从小白到高手系列四千四百一十五：常见Fetch 请求模式

与XMLHttpRequest 一样，fetch()既可以发送数据也可以接收数据。使用init 对象参数，可。以配置fetch()在请求体中发送各种序列化的数据。

2025-04-29 19:23:54 287

原创 javascript基础从小白到高手系列四千四百一十四：Fetch API

Fetch API 是WHATWG 的一个“活标准”（living standard），用规范原文说，就是“Fetch 标准定义请求、Fetch API 能够执行XMLHttpRequest 对象的所有任务，但更容易使用，接口也更现代化，能够在。Fetch API 本身是使用JavaScript 请求资源的优秀工具，同时这个API 也能够应用在服务线程。fetch()方法是暴露在全局作用域中的，包括主页面执行线程、模块和工作线程。响应，以及绑定二者的流程：获取（fetch）”。

2025-04-29 19:23:23 349

原创 javascript基础从小白到高手系列四千四百一十三：替代性跨源技术

JSONP 是“JSON with padding”的简写，是在Web 服务上流行的一种JSON 变体。这个例子创建了一个新的Image 实例，然后为它的onload 和onerror 事件处理程序添加了同一。这个JSONP 请求的URL 是一个地理位置服务。、CORS 出现之前，实现跨源Ajax 通信是有点麻烦的。数据通过查询字符串发送，响应可以随意设置，不过一般是位图图片或值为204 的状态码。函数的名称是通过请求来动态指定的。当然，图片探测的缺点是只能发。标签实现跨域通信的最早的一种技术。

2025-04-29 19:22:42 112

原创 javascript基础从小白到高手系列四千四百一十二：JSON

制定了JavaScript 对象简谱（JSON，JavaScript Object Notation）标准，即RFC 4627。JSON 是JavaScript 的严格子集，利用JavaScript 中的几种模式来表示结构。JavaScript 字符串与JSON 字符串的主要区别是，JSON 字符串必须使用双引号（单引号会导致语法。与JavaScript 不同，JSON 中的对象属性名必须始终带双引号。虽然这对JavaScript 开发者来说是标准的对象字面量，但JSON 中的对象必须使用双引号把属性名。

2025-04-29 19:21:57 327

原创 javascript基础从小白到高手系列四千四百一十一：XSLTProcessor 类型

setParameter()方法必须在调用transformToDocument()或transformToFragment()之前调用。如果想得到文档片段，则可以调用transformToFragment()。格式为"text"时调用transformToDocument()会返回完整的XML 文档，但这个文档的内容会因浏。与参数相关的还有两个方法：getParameter()和removeParameter()。如果XSLT 样式表的输出格式是"xml"或"html"，则创建文档或文档片段理所当然。

2025-04-29 19:21:22 394

原创 javascript基础从小白到高手系列四千四百一十：命名空间支持

在这个XML 文档中，所有元素的命名空间都属于http://www.wrox.com/，都以wrox 前缀标识。对于使用命名空间的XML 文档，必须告诉XPathEvaluator 命名空间信息，才能进行正确求值。个方法只接收一个参数，即包含命名空间定义的文档节点。与之相关的正式API，正式的DOM 中也没有涵盖它。在并不知晓文档的哪个节点包含命名空间定义时，可以采用这种定义命名空间解析函数的方式。果想使用XPath 查询该文档，就需要指定使用的命名空间，否则求值会失败。浏览器对XSLT 的支持。

2025-04-29 19:20:15 382

原创 javascript基础从小白到高手系列四千四百零九：单个节点结果

XPathResult.FIRST_ORDERED_NODE_TYPE 结果类型返回匹配的第一个节点，可以通过结果的。在这个例子中，如果有任何节点匹配"employee/name"，booleanValue 属性就等于true。对于数值类型，XPath 表达式必须使用返回数值的XPath 函数，如count()可以计算匹配给定模式。对于字符串类型，evaluate()方法查找匹配XPath 表达式的第一个节点，然后返回其第一个子节。要确定返回的结果类型，可以访问求值结果的resultType 属性，如。

2025-04-29 19:19:39 359

空空如也

空空如也