百度360必应搜狗淘宝本站头条
vba高级教程svn连接scheduledtaskmybatis plus结构体数组
当前位置：网站首页 > 编程网 > 正文

AJAX基本教程(五)AJAX-XMLHttpRequest

yuyutoo 2024-10-12 00:50 7 浏览 0 评论

XMLHttpRequest对象是AJAX的关键。自从Internet Explorer 5.5在2000年7月发布以来，它就一直可用，但是直到2005年AJAX和Web 2.0变得流行才被完全发现。

XMLHttpRequest（XHR）是一种API，JavaScript，JScript，VBScript和其他Web浏览器脚本语言可以使用该API使用HTTP在Web服务器之间来回传输XML数据，并在网页的客户端和服务器端。

从XMLHttpRequest调用返回的数据通常将由后端数据库提供。除了XML，XMLHttpRequest还可以用于获取其他格式的数据，例如JSON甚至纯文本。

您已经看了几个有关如何创建XMLHttpRequest对象的示例。

下面列出的是您必须熟悉的一些方法和属性。

XMLHttpRequest方法

  • abort（）取消当前请求。
  • getAllResponseHeaders（）以字符串形式返回完整的HTTP标头集。
  • getResponseHeader（headerName）返回指定的HTTP标头的值。
  • open（方法，URL）
  • open（方法，URL，异步）
  • open（方法，URL，异步，用户名）
  • 打开（方法，URL，异步，用户名，密码）指定请求的方法，URL和其他可选属性。方法参数的值可以为“ GET”，“ POST”或“ HEAD”。其他HTTP方法，例如“ PUT”和“ DELETE”（主要在REST应用程序中使用）也是可能的。“ async”参数指定是否应异步处理请求。“ true”表示脚本处理在send（）方法之后继续执行，而不等待响应，而“ false”表示脚本在继续执行脚本处理之前等待响应。
  • 发送（内容）发送请求。
  • setRequestHeader（label，value）将标签/值对添加到要发送的HTTP标头中。

XMLHttpRequest属性

  • 就绪状态变更每个状态更改时都会触发的事件的事件处理程序。
  • readyStatereadyState属性定义XMLHttpRequest对象的当前状态。下表提供了readyState属性的可能值的列表-
  • 0 该请求未初始化。
  • 1个该请求已建立。
  • 2该请求已发送。
  • 3请求正在处理中。
  • 4请求已完成。

readyState = 0在创建XMLHttpRequest对象之后，但在调用open（）方法之前。

readyState = 1在调用open（）方法之后但在调用send（）之前。

readyState = 2调用send（）之后。

readyState = 3在浏览器与服务器建立通信之后，但在服务器完成响应之前。

readyState = 4请求完成后，并且已经从服务器完全接收到响应数据。

  • responseText以字符串形式返回响应。
  • responseXML以XML形式返回响应。此属性返回XML文档对象，可以使用W3C DOM节点树方法和属性来检查和解析XML文档对象。
  • 状态以数字形式返回状态（例如，“ 404”表示“找不到”，200表示“确定”）。
  • statusText以字符串形式返回状态（例如，“未找到”或“确定”）。

相关推荐

VBA中利用Instr函数（vba int函数）

【分享成果，随喜正能量】每一个在你的生命里出现的人，都有原因，喜欢你的人给了你温暖和勇气，你喜欢的人让你学会了爱和自持，你不喜欢的人教会你宽容与尊重，不喜欢你的人让你自省与成长。。...

Insta360 Link体验:支持4K画质，一款使用场景丰富的AI云台摄像头

记者｜王公逸伴随直播、线上会议需求的兴起，网络直播的需求愈发增大，8月2日，影石Insta360正式推出全新产品：Insta360Link，这是一款AI智能云台摄像头。从产品形态来说，Insta3...

VBA技术资料MF299:利用Instr进行文本查找

我给VBA的定义：VBA是个人小型自动化处理的有效工具。利用好了，可以大大提高自己的工作效率，而且可以提高数据的准确度。“VBA语言専攻”提供的教程一共九套，分为初级、中级、高级三大部分，教程是对VB...

Fabric.js 拖放元素进画布 - 掘金

本文简介点赞+关注+收藏=学会了学习Fabric.js，我的建议是看文档不如看demo。本文实现的功能：将元素拖进到画布中并生成对应的图形或图片。效果如下图所示：...

Vue3为什么推荐使用ref而不是reactive

为什么推荐使用ref而不是reactivereactive本身具有很大局限性导致使用过程需要额外注意,如果忽视这些问题将对开发造成不小的麻烦;ref更像是vue2时代optionapi的data的替...

Fabric.js 样式不更新怎么办?（js更改样式）

本文简介带尬猴，我嗨德育处主任不知道你有没有遇到过在使用Fabric.js时无意中一些骚操作修改了元素的样式，但刷新画布却没更新元素样式？如果你也遇到同样的问题的话，可以尝试使用本文的方法。...

Fabric.js 修改画布交互方式到底有什么用?

本文简介点赞+关注+收藏=学会了fabric.js为我们提供了很多厉害的方法。今天要搞明白的一个东西是canvas.interactive。官方文档对canvas.interact...

Rust Web编程:第五章 在浏览器上显示内容

我们现在正处于可以构建一个Web应用程序的阶段，该应用程序可以使用不同的方法和数据管理一系列HTTP请求。这很有用，特别是当我们为微服务构建服务器时。然而，我们也希望非程序员能够与我们的应...

Fabric.js 自由绘制椭圆 - 掘金（canvas画椭圆）

本文简介点赞+关注+收藏=学会了本文讲解在Fabric.js中如何自由绘制椭圆形，如果你还不了解Fabric.js，可以查阅《Fabric.js从入门到精通》。效果如下图所示...

手把手教你实现JS手搓"防抖"优化代码——专业的事用专业的方法!

前言在我们前端编程中，假如我们要给后端发送请求，万一手抖多点了几次，多发送了几遍怎么办？解决方案：防抖！这种事就要交给我们专业的“防抖”先生来处理！今天，我们就来教大家手搓“防抖”...

详解虚拟DOM与Diff算法（虚拟dom一定比实际dom快吗）

vue的虚拟DOM,Diff算法，其中一些关键的地方从别处搬运了一些图进行说明(感谢制图的大佬)，也包含比较详细的源码解读。...

走进 React Fiber 的世界（我走进你的世界手势舞视频）

文/阿里淘系F(x)Team-冷卉Fiber设计思想Fiber是对React核心算法的重构，facebook团队使用两年多的时间去重构React的核心算法，在React16以上...

前端新一代框架 Svelte 火了!十个场景带你简单认识它!

近几年听到的主流框架都是Vue、React、Angular，但其实有一个框架在国外非常火，用起来也是很方便，那就是...

借助DeepSeek实现了一个PDF阅读器

1、简介使用pdf.js库加载和显示PDF文件。实现了翻页、缩放功能。提供了基本的错误处理。功能特点：支持选择本地PDF文件。可以逐页查看PDF内容。支持放大缩小功能。界面简洁，易于使...

DeepSeek代码之旅1:卫星地图标记方法之——html语言的实现

最近遇到一个任务，具体功能如下：1、调用高德地图API，图层为卫星图层，根据需要标记兴趣点；2、标记完成后可以保存兴趣点，便于下次加载历史兴趣点。...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表