码迷,mamicode.com
首页 > Web开发 > 详细

原生JS Ajax 请求

时间:2017-05-13 22:08:09      阅读:244      评论:0      收藏:0      [点我收藏+]

标签:status   use   alert   执行   对象   show   change   new   bsp   

       var username = document.getElementById(‘username‘).value;
            var password = document.getElementById(‘password‘).value;

            // 第一步:创建对象
            var xhr = null;
            if(window.XMLHttpRequest){
                xhr = new XMLHttpRequest();
            }else{
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
            }
            //初始化
            var url = ‘./check.php?username=‘+username+"&password="+password;
            xhr.open(‘post‘,url,false);
            //这段代码在xhr.send();执行完之后才能执行
            xhr.onreadystatechange = function(){
                if(xhr.readyState == 4){
                    if(xhr.status == 200){
                        alert(1);
                        var data = xhr.responseText;
                        if(data == 1){
                            document.getElementById(‘showInfo‘).innerHTML = ‘用户名或者密码错误‘;
                        }else if(data == 2){
                            document.getElementById(‘showInfo‘).innerHTML = ‘登录成功‘;
                        }
                    }
                };
            }

            xhr.send(null);

 

原生JS Ajax 请求

标签:status   use   alert   执行   对象   show   change   new   bsp   

原文地址:http://www.cnblogs.com/cokid/p/6850414.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!