如何使用原生js与ajax提交数据

1、建立reg.js

function checkUname(obj){
    //1、获得输入的用户名
    var userName = obj.value;
    //2、通过ajax（异步传输对象）将用户名传到服务器
    //创建异步传输对象
    var xmlhttp = new XMLHttpRequest();
    //设置传输的页面路径和方法
    xmlhttp.open("get","CheckUnameServlet?userName="+userName,true);//异步
    //注：如果是post请求，将这句话改为xmlhttp.open("post","CheckUnameServlet",true);
    //监听异步传输对象的状态
    xmlhttp.onreadystatechange=function(){
        if(xmlhttp.readyState==4){
            
            if(xmlhttp.responseText=="1"){
                document.getElementById("s1").innerHTML="该用户已注册";
            }else{
                document.getElementById("s1").innerHTML="可以注册";
            }
            //alert(xmlhttp.responseText);
            //document.getElementById("s1").innerHTML=xmlhttp.responseText;
        }
    }
        //post请求增加一句头部信息设置：
        //xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    //发送
    xmlhttp.send(null);
}