Shulou(Shulou.com)06/03 Report--

本篇内容介绍了"如何操作XMLHttpRequest"的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读，能够学有所成!

XMLHttpRequest 简介

要真正实现这种绚丽的奇迹，必须非常熟悉一个 JavaScript 对象，即 XMLHttpRequest。这个小小的对象实际上已经在几种浏览器中存在一段时间了，它是本专栏今后几个月中要介绍的 Web 2.0、Ajax 和大部分其他内容的核心。为了让您快速地大体了解它，下面给出将要用于该对象的很少的几个 方法和属性。

open()：建立到服务器的新请求。

send()：向服务器发送请求。

abort()：退出当前请求。

readyState：提供当前 HTML 的就绪状态。

responseText：服务器返回的请求响应文本。

客户端HTML代码:

代码如下:

var xmlHttp = false;

try {

xmlHttp = new XMLHttpRequest();

} catch (trymicrosoft) {

try {

xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");

} catch (othermicrosoft) {

try {

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

} catch (failed) {

xmlHttp = false;

}

}

}

if (!xmlHttp)

alert("Error initializing XMLHttpRequest!");

function getCustomerInfo() {

var phone = document.getElementById("qq").value;

var url = "demo2.asp?qq=" + escape(phone);

xmlHttp.open("GET", url, true);

xmlHttp.onreadystatechange = updatePage;

xmlHttp.send(null);

}

function updatePage() {

if (xmlHttp.readyState == 4) {

if (xmlHttp.status == 200) {

var response = xmlHttp.responseText.split("|");

document.getElementById("message")[xss_clean] = '号码是:' + response[0] + '

姓名是:' + response[1] + '

性别是:' + response[2] + '

职务是:' + response[3];

alert("响应服务完成!");

}

else if (xmlHttp.status == 404) {

alert('请求的网址不存在!');

}

else {

alert('错误:错误代码为:' + xmlHttp.status);

}

}

}

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.