XMLHttpRequest 对象

最新推荐文章于 2024-09-21 14:47:00 发布

niithust

最新推荐文章于 2024-09-21 14:47:00 发布

阅读量247

点赞数

分类专栏： ajax 文章标签： xmlhttprequest safari 服务器 firefox opera javascript

本文链接：https://blog.csdn.net/niithust/article/details/7595866

版权

ajax 专栏收录该内容

11 篇文章

订阅专栏

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

XMLHttpRequest 对象是开发者的梦想，因为您能够：
•在不重新加载页面的情况下更新网页
•在页面已加载后从服务器请求数据
•在页面已加载后从服务器接收数据
•在后台向服务器发送数据

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

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

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"
οnkeyup="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");