AJAX概述
发布时间:2020-12-15 21:08:00 所属栏目:百科 来源:网络整理
导读:AJAX 异步的JavaScript和XML实现网页异步请求刷新,不用刷新整个网页。是一种用于创建快速动态网页的技术。 XMLHttpRequest对象 XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 所有的现
AJAX异步的JavaScript和XML 实现网页异步请求刷新,不用刷新整个网页。 是一种用于创建快速动态网页的技术。 XMLHttpRequest对象XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 所有的现代浏览器都支持XMLHttpRequest对象,如Chrome、Firefox、Opera、Safari等。 //创建XMLHttpRequest对象
var variable = new XMLHttpRequest();
对于IE8之前的IE浏览器,则使用ActiveX对象。 //创建ActiveX对象
var variable = new ActiveXObject("Microsoft.XMLHttp");
为了应对所有的现代浏览器,包括 IE5 和 IE6,应先检查浏览器是否支持 XMLHttpRequest 对象。如果支持,则创建 XMLHttpRequest 对象。如果不支持,则创建 ActiveXObject : var xmlhttp;
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
}else{
xmlhttp = new ActiveXObject("Microsoft.XMLHttp");
}
向服务器发送请求使用 XMLHttpRequest 对象的 open() 和 send() 方法向服务器发送请求。 xmlhttp.open("GET","test1.txt",true);
xmlhttp.send();
在发送POST请求时,可以通过setRequestHeader()设置请求头的值:
获取响应如需获得来自服务器的响应,请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。
onreadystatechange 事件当请求被发送到服务器时,我们需要执行一些基于响应的任务。 每当 readyState 改变时,就会触发 onreadystatechange 事件。 readyState 属性存有 XMLHttpRequest 的状态信息。 XMLHttpRequest 对象的三个重要的属性:
转载地址 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |