黑马程序员技术交流社区

标题: 使用纯DOM方式实现ajax异步交互 [打印本页]

作者: 明光照    时间: 2012-9-22 16:38
标题: 使用纯DOM方式实现ajax异步交互
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;

    }
}
作者: 许庭洲    时间: 2012-9-24 16:54
值得学习ing!




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2