XMLHttpRequest 对象获取服务端数据

我们可以使用 XMLHttpRequest对象的ResponseXML属性获取服务器端数据。需要注意的是，ASP.NET 文件 index.aspx 的contentType 必须是 text/xml ，XMLHttpRequest.ResponseXML属性才能解析成XML文件流。

html 文件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2

<html>
3

<head>
4

<title></title>
5

</head>
7

<body>
8

<input type="text" id="InputID">
9

<input type="button" value="OK" onclick="ChangeValue();"> <br>
10

<div id="showHot"></div>
11

</body>
12

</html>
13

JS 文件

function ajaxRequest()

{
2

Ajax = false;
3

try

{
4

Ajax = new XMLHttpRequest();
5

}catch(ee)

{
6

try

{
7

Ajax = new ActiveXObject("Msxml.XMLHTTP");
8

}catch(e)

{
9

try

{
10

Ajax = new ActiveXObject("Msxml.XMLHTTP");
11

}catch(e)

{
12

try

{
13

Ajax = new ActiveXObject("Microsoft.XMLHTTP");
14

}catch(E)

{
15

Ajax = false;
16

}
17

}
18

}
19

}
20

}
21

function getAjaxValue(strUserID)

{
23

ajaxRequest();
24

if(!Ajax)

{
25

alert("Ajax its not working");
26

return;
27

}
28

var xmlValue = new String();
29

Ajax.open("GET", "index.aspx?userid="+strUserID,false)
30

Ajax.send(null);
31

var xmldoc = Ajax.responseXML.getElementsByTagName("div");
32

if(xmldoc.length > 0)
33

{
34

for(var i=0;i<xmldoc.length;i++)
35

{
36

xmlValue += (i+1) +". "+ xmldoc[i].firstChild.data + "<br>";
37

}
38

}
39

return xmlValue;
41

}
42

function ChangeValue()
44

{
45

var strvalue = "";
46

strvalue = document.getElementById("InputID").value;
47

var setValue = document.getElementById("showHot");
48

setValue.innerHTML = getAjaxValue(strvalue);
49

}

转载于:https://www.cnblogs.com/Yuqui1980/archive/2007/04/29/732223.html

XMLHttpRequest 对象获取服务端数据相关推荐

[react] 怎样使用Hooks获取服务端数据？
[react] 怎样使用Hooks获取服务端数据? import React, { useState, useEffect } from 'react'; import axios from 'axi ...
浏览器及时感知服务端数据变化的方式
需求在公司,有一个需求,是浏览器实时获取服务端数据变化,然后根据变化做相应的动作.需求场景如下:手机端扫描二维码,然后获取待取件订单列表,点击取件,进行取件,同时远端打印机打印出取件小票. 技术难点 ...
AJAX学习笔记（基本使用，请求参数传递，获取服务端响应，错误处理，低版本IE浏览器缓存问题及解决）
1. Ajax实现步骤创建ajax对象 let xhr = new XMLHttpRequest(); 告诉ajax请求地址及请求方式 xhr.open('get','http://www.exam ...
魔方APP项目-01-移动端开发相关概念、移动端自适配、元信息（meta）、开发准备、移动端项目搭建（模拟器调试）、APICloud（APICloud 前端框架，获取服务端API接口）
一.移动端开发相关概念 1.APP类型 ①.Native APP Native APP又称原生APP,就是我们平时说的手机应用软件. 原生APP 是针对IOS.Android.Windows等不同的手 ...
bootstraptable 加载完成_bootstrap table onLoadSuccess加载服务端数据成功事件
bootstrap table onLoadSuccess加载服务端数据成功事件 bootstrap table onLoadSuccess加载服务端数据成功的事件,该事件的作用是什么呢?服务端返回自 ...
Vue与服务端数据交互 [ axios ]
Vue生命周期每个Vue实例在被创建到销毁要经过一系列的过程,这整个过程称为Vue实例的生命周期 Vue在生命周期不同的阶段点会自动运行一些函数, 这些函数称为Vue生命周期的钩子(hook)函数 ...
【工作记录】网易云信最近联系人中加入本地服务端数据
网易云信最近联系人中加入本地服务端数据 1.实现效果如下(语音聊天中) 2.实现思路: 特定情况下: 1.获取聊天列表(最近联系人中id) 2.根据id,请求所有人的情况 3.刷新列表 3.具体实现: ...
如何设计云存储服务端数据存储加密机制
云存储是一种新型的网络存储形式.随着云存储的广泛使用,云存储中的数据安全问题,如数据泄漏.数据篡改,如何设计云存储服务端数据存储加密机制也成了用户广泛关注的问题.云存储可以分为访问层.应用接口层.基础 ...
获取服务端https证书
最近开发一个需求,涉及获取服务端https证书.一般进行https调用我们都不太关心底层细节,直接使用WebClient或者HttpWebRequest来发送请求,这两种方法都无法获取证书信息,需要用 ...
服务器怎么查服务端数据
通常情况下,在做性能测试的时候,我们需要关注的点有这些: 服务端处理能力(并发量.qps.响应时间等): 服务端机器性能数据(程序内存占用.cpu占用.网络带宽占用等): 异常请求信息(如服务端返回5 ...

XMLHttpRequest 对象获取服务端数据

XMLHttpRequest 对象获取服务端数据相关推荐

最新文章

热门文章