JS AJAX（一）

function createAjax()
  	{
  		var ajax = null;
  		try {
  		        //IE5-IE11都用这个
			ajax = new ActiveXObject("microsoft.xmlhttp");
		} catch (e1) {
			try {
			        //其他浏览器都用这个
				ajax = new XMLHttpRequest();
			} catch (e2) {
				alert("你的浏览器太垃圾了！");
			}
		}
  		return ajax;
  	}

 原始方法创建AJAX异步对象

和服务端交互得到时间

function aaa()
  	{
  		var aa = createAjax();
  		var method = "POST";
  		var url = "${pageContext.request.contextPath}/AjaxServlet?time="+new Date().getTime();
  		aa.open(method, url);
  		aa.send(null);
  		/*
  			ajax异步对象不断监听服务端响应的状态     aa.on ready state change 有五个状态 0 1 2 3 4
  			到达4才能是真正的触发
  		*/
  		aa.onreadystatechange = function()
  		{
  			if(aa.readyState ==4 )
  			{
  				if(aa.status == 200)
  				{
  					var nowStr = aa.responseText;
  					alert(nowStr);
  				}
  			}
  		
  		}
  	}

我们来对比一下jquery的ajax的交互

function aaa()
  	{
  	    var url = "${pageContext.request.contextPath}/AjaxServlet?time=" + new Date().getTime();
  	    var senddate = null;
  		$.post(url,senddate,function(date)
  		{
  			alert(date);
  		},"text");
  		
  	
  	}

转载于:https://my.oschina.net/u/2551035/blog/671883