ajax封装

建立一个简单的ajax需要

       1、创建xmlhttp对象

       2、填充xmlhttp.onreadystatechange函数
       3、打开一个连接
       4、发送一个请求

function ajaxFunction(){
    var xmlHttp;
    try { // Firefox, Opera 8.0+, Safari
        xmlHttp = new XMLHttpRequest();
    } 
    catch (e) {
        try {// Internet Explorer
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        } 
        catch (e) {
            try {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            } 
            catch (e) {
            }
        }
    }
    return xmlHttp;
}

window.onload = function(){
    /**
     * 给页面上的button添加一个click事件
     */
    var button = document.getElementById("mybutton");
    button.onclick = function(){
        ajax({
			method:'post',
			url:'HelloServlet',
			data:null,
			/**
			 * @param {Object} data
			 * 为回调函数的形参
			 */
			callback:function(data){
				alert(data);
			}
		});
    }
}

/**
 * 对ajax请求进行封装(通过参数)
 */
function ajax(ajaxJSON){
    //创建xmlhttprequest对象
    var xmlhttp = ajaxFunction();
    //建立了客户端与服务器端通信的桥梁
    xmlhttp.onreadystatechange = function(){
        if (xmlhttp.readyState == 4) {
            if (xmlhttp.status == 200) {
				/**
				 * xmlhttp.responseText是回调函数的实参
				 */
				ajaxJSON.callback(xmlhttp.responseText);
            }
        }
    }
    //利用xmlhttp对象的open方法打开一个连接
    xmlhttp.open(ajaxJSON.method, ajaxJSON.url, true);
    //发送请求，并且传递参数
    xmlhttp.send(ajaxJSON.data);
}