var xmlHttp;
var backInfo;
function AjaxEncode() {
    var userName = document.getElementById("userName").value;
    xmlHttp = new XMLHttpRequest();
    xmlHttp.open("post", "AJAXServer", true);
    xmlHttp.onreadystatechange = callback;
    //使用post方式发送请求需要自己设置http的请求头
    xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
//    xmlHttp.send("name=" + userName);
    xmlHttp.send("name=" + encodeURI(userName));    //解决代码的乱码encodeURL()
}
function callback() {
    //alert(xmlHttp.status);//显示返回http状态的代码。成功的代码为200

    if (xmlHttp.readyState == 4) {
        var backInfo = xmlHttp.responseText;
//        alert(xmlHttp.responseText);
        //获取Id为result的那个结点。以便对其进行操作。
        var Innert = document.getElementById("result");
        //写入服务器返回的值到result结点
        Innert.innerHTML = backInfo;

    }
}

值得学习ing!