原生JS Ajax 请求

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原生JS Ajax 请求相关的知识,希望对你有一定的参考价值。

       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 请求的主要内容,如果未能解决你的问题,请参考以下文章

JS原生Ajax

原生js写ajax请求(复习)

原生js封装ajax代码

js原生ajax请求get post笔记

关于原生ajax请求及其封装

原生js封装Ajax的GET请求