学习AJAX(一)

前端之家收集整理的这篇文章主要介绍了学习AJAX(一)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。


AJAX的一些简单例子:


<script type="text/javascript">		
	//创建XmlHttpRequest对象
	function createXmlHttpRequest() {
		var xmlHttp;
		//支持IE
		if (window.ActiveXObject) {
			xmlHttp = new ActiveXObject("Microsoft.XMLHttp");
			//支持DOM	
		} else if (window.XMLHttpRequest) {
			xmlHttp = new XMLHttpRequest();
		}
		return xmlHttp;
	}    
    //全局的便于后面回调使用
	var xmlHttp;
	function sendRequest(){
		//对象组件
		xmlHttp=createXmlHttpRequest();
		//当xmlHttp与服务器进行通信时,就会调你所赋于的函数
		xmlHttp.onreadystatechange=callBackFun;//回调函数
		//类似于是否支持多线程
		xmlHttp.open("GET","AJAXServlet?date="+new Date(),true);
		//发送
		xmlHttp.send(null);
	}		
	//回调函数
	function callBackFun(){				
		//打印状态		
		alert(xmlHttp.readyState);
		//0:示初始化1:加载中 2:已加载  3:交互中 4:交互完成
		if(xmlHttp.readyState==4){
			if(xmlHttp.status==200){
				//取得服务端发送来的消息
				var msg=xmlHttp.responseText;
				alert("交互成功=="+msg);
			}else{
				alert("发生错误 状态码为="+xmlHttp.status);
			}
		}			
	}	
</script>



原文链接:https://www.f2er.com/ajax/165195.html

猜你在找的Ajax相关文章