JS AJAX--- XMLHttp

news/2024/7/19 16:43:20 标签: js

Ajax的核心是 XMLHttpRequest对象

XMLHttpRequest对象

所有现代浏览器都支持XMLHttpRequest对象

XMLHttpRequest 对象用于同幕后服务器交换数据。

  • 这意味着可以更新网页的部分,而不需要重新加载整个页面。

创建 XMLHttpRequest 对象

所有现代浏览器(Chrom、IE7+、Firefox、Safari 以及 Opera)都有内建的 XMLHttpRequest 对象。
  • 创建 XMLHttpRequest 的语法是:
variable = new XMLHttpRequest();
  • 老版本的 Internet Explorer(IE5 和 IE6)使用 ActiveX 对象:
varible = new AcitveXObject("Microsoft.XMLHttp")

为了应对所有浏览器,包括 IE5 和 IE6,请检查浏览器是否支持 XMLHttpRequest 对象。如果支持,创建 XMLHttpRequest 对象,如果不支持,则创建 ActiveX 对象:

实例

var xhttp;
if (window.XMLHttpRequest) {
	xhttp = new XMLHttprequest();
}else {
	//code for IE6,IE5
	xhttp = new ActiveXObject("Microsoft.XMLHTTP");
}

跨域访问

出于安全原因,现代浏览器不允许跨域访问。

这意味着尝试加载的网页和 XML 文件都必须位于相同服务器上。

XMLHttpRequest 对象方法

1. new XMLHttpRequest()

创建新的XMLHttpRequest 对象

2.abort()

取消当前请求

3.getAllResponseHeaders()

返回头部信息

4.getResponseHeader()

返回特定头部信息

5.open(method,url,async,user,psw)

规定请求

  • method:请求类型 GET 或POST
  • url; 文件位置
  • async : true(异步)或 false (同步)
  • user :可选的用户名称
  • psw : 可选的密码

6.send()

将请求发送到服务器,用于 GET请求

7.send(string)

将请求发送到服务器,用于POST请求

setRequestHeader()

向要发送的报头添加标签、值对

XMLRequest对象属性

onreadystatechange

定义当 readyState 属性发生变化时被调用的函数

readyState

保存XMLHTTPRequest 的状态

  • 0:请求未初始化
  • 1: 服务器连接已建立
  • 2:请求已经收到
  • 3: 正在处理请求
  • 4: 请求已经完成并且响应已经就绪

responseText

以字符串发回响应数据

responseXML

以XML数据返回响应数据

status

返回请求的状态号:

  • 200: “OK”
  • 403: “Forbidden”
  • 404: “Not Found”

statusText

返回状态文本(比如)

  • “OK”
  • “Not Found”

http://www.niftyadmin.cn/n/553260.html

相关文章

如何文件操作

今日内容 1.什么是文件 2.为何用文件 3.如何用文件 4.文件操作补 5.常用方法 6.文件内指针的移动 7.with的使用 4. 文件操作 4.1 主模式 r:只读模式L(默认)当文件不存在时,会报错当文件存在时,文件指针指向文件的开头w:只写模式当…

JS AJAX---请求

XMLHttpRequest对象用于同服务器交换数据 向服务器发送请求 如需向服务器发送请求,我们使用 XMLHTTPRequest 对象的open()和 send()方法: xhttp.open("GET" ,"ajax_info.txt",true);…

PL/SQL 训练06--字符串处理

现在需要做一个任务调度,请大家设计,满足以下需求(1)任务可配置,比如可以配置PKG方法TEST_PROCEDURE(:1,:2...),可以是任意多个入参的方法,也可以没有入参(2)每个方法的实…

JS AJAX ---响应

AJAX - 服务器响应 onreadtstatechange属性 readyState 属性存留 XMLHttpRequest 的状态。 onreadystatechange 属性定义当 readyState 发生变化时执行的函数。 status 属性和 statusText 属性存有 XMLHttpRequest 对象的状态。 每当 readyState 发生变化时就会调用 onrea…

L2-007 家庭房产 (25 分) (并查集)

链接:https://pintia.cn/problem-sets/994805046380707840/problems/994805068539215872 题目: 给定每个人的家庭成员和其自己名下的房产,请你统计出每个家庭的人口数、人均房产面积及房产套数。 输入格式: 输入第一行给出一个正整…

JS AJAX--- XML文件

AJAX 可用于同 XML文件进行交互式通信 AJAX XML 实例 下面的例子演示网页如何通过 AJAX 从 XML 文件读取信息: 当用户点击“获取 CD 信息”按钮时,执行 loadDoc() 函数。loadDoc() 函数创建 XMLHttpRequest 对象,添加当服务器响应就绪时执行…

POI2008BLO-Blockade 割点

POI2008BLO Solution&#xff1a; 直接分情况讨论一下&#xff1a; <1>、若去掉的点不是割点&#xff1a; 则贡献为&#xff1a; 2*(n-1)。 <2>、 若去掉的是割点&#xff1a; 图被分为若干连通块。且对于每个连通块内的点都与其他连通块内的点&#xff0c;构成贡献…

JS AJAX --- PHP和ASP实例

AJAX 用于创建更具交互性的应用程序 PHP 实例 首先&#xff0c;检查输入字段是否为空&#xff08;str.length 0&#xff09;&#xff0c;如果是&#xff0c;清空 txtHint 占位符的内容并退出函数。 不过&#xff0c;如果输入字段不为空&#xff0c;则进行如下&#xff1a; …