现在很多公司都在做标准的静态页面,为了增强客户的体验效果,经常会涉及到AJax效果,而设计AJax使用的一种重要技术(工具)就是XMLHttpRequest对象了。今天学习了点关于XMLHttpRequest对象的一些方法和属性,有点体会,在这里也想记录起来。
1、何为XMLHttpRequest
定义:XMLHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API。XmlHttp最大的用处是可以更新网页的部分内容而不需要刷新整个页面(这是AJax的最大特点之一哦)。
2、创建XMLHttpRequest对象
在使用XMLHTTPRequest对象发送请求和处理响应之前,我们必须要用javascript创建一个XMLHTTPRequest对象。(IE把XMLHTTPRequest实现为一个ActiveX对象,其他的浏览器[如Firefox/Safari/Opear]则把它实现为一个本地的javascript对象)。请看下面的例子吧
复制代码 代码如下:
<script language="javascript" type="text/javascript">
var xmlhttp;
// 创建XMLHTTPRequest对象
function createXMLHTTPRequest(){
if(window.ActiveXObject){ // 判断是否支持ActiveX控件
xmlhttp = new ActiveObject("Microsoft.XMLHTTP"); // IE浏览器支持的创建方式
}
else if(window.XMLHTTPRequest){ // 判断是否把XMLHTTPRequest实现为一个本地javascript对象
xmlhttp = new XMLHTTPRequest(); // FireFox,Opera等浏览器支持的创建方式
}
}
</script>
3、属性和方法
因为涉及的内容很多,本人也是正在学习之中,所以也是参考人家的例子学习的,所以在此将别人好的东西粘贴上来 ,以便复习
复制代码 代码如下:
<html>
<head>
<title>XMLHTTPRequest对象的说明DEMO</title>
<script language="javascript" type="text/javascript">
<>
</script>
</head>
<body>
<form name="frmTest">
<input name="myButton" type="button" value="Click Me">
</form>
</body>
</html>
一个比较详细说明XMLHttpRequest的网址
【AJax 学习笔记一(XMLHTTPRequest对象)】相关文章:
★ AJAX中同时发送多个请求XMLHttpRequest对象处理方法
★ javascript对XMLHttpRequest异步请求的面向对象封装