admin 管理员组

文章数量: 1086019


2024年4月20日发(作者:oracle增删改查经典范例)

ASP XMLHttpRequest发送请求

在使用XMLHttpRequest对象发送请求和处理响应之前,必须先用JavaScript

创建一个XMLHttpRequest对象。由于XMLHttpRequest不是一个W3C标准,所以

可以采用多种方法创建XMLHttpRequest的实例。Internet Explorer把XMLHttpReq

uest实现为一个ActiveX对象,其他浏览器(如Firefox、Safari和Opera)把它实现

为一个本地JavaScript对象。由于存在这些差别,JavaScript代码中必须包含有关的

处理,从而使用ActiveX技术或者或者或者使用本地JavaScript对象技术来创建X

MLHttpRequest的一个实例。

但是,并不需要针对每个浏览器详细编写代码来区别浏览器类型。要创建一个

XMLHttpRequest对象的实例,需要做的只是检查浏览器是否提供对ActiveX对象的

支持。如果浏览器支持ActiveX对象,就可以使用ActiveX来创建XMLHttpReques

t对象。否则,就要使用本地JavaScript对象技术来创建。下面代码中的createXML

HttpRequest()函数演示了使用JavaScript代码来编写跨浏览器的XMLHttpRequest对

象实例,代码如下所示:

var XmlHttp;

function createXMLHttpRequest ()

{

//在IE下创建XMLHttpRequest对象

try

{

}

catch(e)

{

}

//在Mozilla和Safari等非IE浏览器下创建XMLHTTPRequest对象

if(!XmlHttp && typeof XMLHttpRequest != "undefined")

try

{

}

catch(oc)

{

}

XmlHttp = null;

XmlHttp = new ActiveXObject("P");

XmlHttp = new ActiveXObject("P");

}

{

}

return XmlHttp;

XmlHttp = new XMLHttpRequest();

利用createXMLHttpRequest()函数创建的XmlHttp对象实例,可以向服务器发

送,请求可以是GET或者或者或者POST格式。要实现这一操作,就需要使用XM

LHttpRequest对象的open()方法和send()方法,这两个方法在6.6.3节已经介绍过,

这里将直接使用。假设有一个名为文件,它具有如下代码所示的内容:

1

安装

/1_

2

配置环境

/1_

3

创建一个文件

/1_

4

统计访问页面浏览数量

/1_

5

求圆的面积和周长

/1_

现在要求将XML文件中的内容发送到服务器,即将一个XML文件作为请求来

发送,重点是使读者掌握并理解GET和POST方法的区别及应用场景。实现的方法

如下所示:

//方法1

("GET", ,true);

(null);

//方法2

("POST","",true);

();

例如,在一个HTML页面的表单中有一个文本输入框和按钮。要求在单击按钮

后将用户输入的内容提交到文件。如下所示是表单代码:

姓名:

传统的做法是为form添加action属性来指定提交的服务器端页面。然后利用服

务器端编程语言的特性来获取表单的值,对其进行处理,再显示到页面。在学习了

本章介绍的Ajax技术之后,便可以使用XMLHttpRequest对象来完成这一工作,向

服务器发送带参数的请求。

如下代码所示是按钮单击事件onclick调用startReqest()函数的代码:

createXMLHttpRequest();

ystatechange = handleStateChange;

( "GET", url, true );

( null );

这里使用前面定义的createXMLHttpRequest()函数来创建XMLHttpRequest对象

的实例。代码中首先使用DOM获取输入值到变量s,再定义url为服务器页面和参

数,接下来的语句完成了发送请求操作。


本文标签: 对象 使用 代码 创建 页面