使用纯JavaScript与后台进行数据的交互

在开发中遇到了没有jQuery的情况下需要与后台进行部分数据的交互,查找了部分资料使用JavaScript实现了操作,记录一下。

//获取XMLHttpRequest对象用于与后台交互数据
function getXHR(){
            var xmlHttp;
            try {
                xmlHttp=new XMLHttpRequest();//新版本浏览器
            }catch(e)
            {
                try{
                    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
                }
                catch(e)
                {
                    try{
                        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");//老版本浏览器                    }
                    catch(e)
                    {
                        alert("你的浏览器不支持ajax");
                        return false;
                    }
                }
            }
            return xmlHttp;
        }
function check() {
            var pass = document.getElementById("pass").value;

            //1/得到xhr对象
            var xhr=getXHR();
            //2.注册状态变化监听器
            xhr.onreadystatechange=function(){
                if(xhr.readyState==4) {
                    if(xhr.status==200) {
                        var obj = document.getElementById("checkPass");
                        if("true" == xhr.responseText){
                            obj.innerHTML = "验证通过";
                            obj.style.color = "green";
			}else{
                            obj.innerHTML = "原密码输入错误!";
                            obj.style.color = "brown";
                            return;
			}
                    }
                }
            }
            //3.建立与服务器的连接(post请求方式,也可以使用get请求方式)
            xhr.open("post","请求数据的地址");
            xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
            //4.向服务器发出请求(使用post请求方式将数据发往后台)
            xhr.send("pass="+pass);
        }


  • 0
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值