Ajax 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。JavaScript、XML、HTML与 CSS 在 Ajax 中使用的 Web 标准已被良好定义，并被所有的主流浏览器支持。Ajax 应用程序独立于浏览器和平台。Ajax的代码编写也遵循着前端开发的普遍规律，下面我们通过实际例子来看看Ajax代码的编写步骤。

1.创建XMLHttpRequest对象

var xmlhttp;
function ajax_demo(){
	//1.
    if(window.XMLHttpRequest){
    //IE7+, FF, Chrome, Safari, Opera, ..
    	xmlhttp = new XMLHttpRequest();
    } else{
    	//IE5, IE6
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP")
    }
}

2.注册回调函数

var xmlhttp;
function ajax_demo(){
	//1.
    if(window.XMLHttpRequest){
    //IE7+, FF, Chrome, Safari, Opera, ..
    	xmlhttp = new XMLHttpRequest();
    } else{
    	//IE5, IE6
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP")
    }
    //2.
    xmlhttp.onreadystatechange = function(){
    	//执行你的异步的代码逻辑
        //..
        //..
    }
}
    

3.建立与服务端的连接（http的连接属于short connection, 与jdbc不同。）

var xmlhttp;
function ajax_demo(){
	//1.
    if(window.XMLHttpRequest){
    //IE7+, FF, Chrome, Safari, Opera, ..
    	xmlhttp = new XMLHttpRequest();
    } else{
    	//IE5, IE6
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP")
    }
    //2.
    xmlhttp.onreadystatechange = function(){
    	//执行你的异步的代码逻辑
        //..
        //..
    }
    //3.
    xmlhttp.open("POST|GET", "目标URL", true|false); //true 表示异步，false 表示同步
}

4.发送请求

var xmlhttp;
function ajax_demo(){
	//1.
    if(window.XMLHttpRequest){
    //IE7+, FF, Chrome, Safari, Opera, ..
    	xmlhttp = new XMLHttpRequest();
    } else{
    	//IE5, IE6
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP")
    }
    //2.
    xmlhttp.onreadystatechange = function(){
    	//执行你的异步的代码逻辑
        //当这个readyState的值变为4的时候，我们才有兴趣去处理。其他的情况我们不关心。
        if(xmlhttp.readyState == 4){
        	//..
            if(xmlhttp.status == 200){
				// 表示服务端正常响应客户端
                ...
                var str = xmlhttp.responseText;
                // 如果服务端传递过来的是json字符串，则我们可以通过如下方法把它解析成JSON对象
                var json = JSON.parse(str);
            }
        }
        //..
    }
    //3.
    xmlhttp.open("POST|GET", "目标URL", true|false); //true 表示异步，false 表示同步
    xmlhttp.send(); //如果要传递数据给服务器，把数据作为参数传过去
}

以上就是Ajax代码的编写的详细步骤，我们通过上述的实例可以逐渐加深对Ajax编码的熟悉，在动力节点在线的网站上还有其他的Ajax代码实例，想深入学习Ajax技术的小伙伴可以作为参考学习。