您的位置：首页 > 理论基础 > 计算机网络

XMLHttpRequest 对象

2012-05-23 19:33 148 查看

什么是 XMLHttpRequest 对象？

答：XMLHttpRequest 对象用于在后台与服务器交换数据。

XMLHttpRequest 对象是开发者的梦想，因为您能够：

•在不重新加载页面的情况下更新网页

•在页面已加载后从服务器请求数据

•在页面已加载后从服务器接收数据

•在后台向服务器发送数据

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

当键入文本时与服务器进行 XML HTTP 通信：

<html>

<head>

<script type="text/javascript">

xmlHttp=null;

function showHint(str)

{

if (str.length==0)

{

document.getElementById("txtHint").innerHTML="";

return;

}

try

{

// Firefox, Opera 8.0+, Safari, IE7

xmlHttp=new XMLHttpRequest();

}

catch(e)

{

// Old IE

try

{

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

}

catch(e)

{

alert ("Your browser does not support XMLHTTP!");

return;

}

}

url="/ajax/gethint.asp?q=" + str;

url=url+"&sid="+Math.random();

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

xmlHttp.send(null);

document.getElementById("txtHint").innerHTML=xmlHttp.responseText;

}

</script>

</head>

<body><form>

First Name:

<input type="text" id="txt1"

onkeyup="showHint(this.value)">

</form>

<p>Suggestions: <span id="txtHint"></span></p>

</body>

</html>

XHR（XMLHttpRequest）对象的创建：

所有现代浏览器 (IE7+、Firefox、Chrome、Safari 以及 Opera) 都内建了 XMLHttpRequest 对象。

通过一行简单的 JavaScript 代码，我们就可以创建 XMLHttpRequest 对象。

创建 XMLHttpRequest 对象的语法：

xmlhttp=new XMLHttpRequest();

老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象：

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航