原生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);
时间: 2024-08-06 18:47:23

原生JS Ajax 请求的相关文章

js ajax请求传token

js  ajax请求传token 方法一: headers: { Authorization: "BasicAuth " + token } 方法二: beforeSend: function (xhr) { xhr.setRequestHeader('Authorization', 'BasicAuth ' +token); } 原文地址:https://www.cnblogs.com/zlp520/p/9645951.html

原生 JS Ajax,GET和POST 请求实例代码

javascript/js的ajax的GET请求代码如下所示: <script type="text/javascript"> /* 创建 XMLHttpRequest 对象 */ var xmlHttp; function GetXmlHttpObject(){ if (window.XMLHttpRequest){ // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest();

当跨域时,js ajax 请求出现options请求

上面有文章说过http的options. 查了很久.试了很多版本的jQuery,下面这段代码在同事的机子上测试是没有问题的.正常 的请求, 一在我机子上面就会出现option,网上说先向服务器预检等.为什么在同事的机子上面是正常的呢..最后查出原因.是我在html页面还引入了一个全局的js文件,里面有一个全局配置crossDomain:false,于是我在ajax请求是加上crossDomain:true,就OK了..让其请求是跨域请求. postdata:function(t,i){ var

使用js+Ajax请求API接口数据-带请求头方式

先上代码: <script type="text/javascript"> function zLoginCheck() { var Account = 'admin; var Password = 'DC483E80A7A0BD9EF71D8CF973673924'; var str = { Account: Account, Password: Password } $.ajax({ type: "POST", url: '/Handle/zLogi

原生js 异步请求,responseXML解析

异步更新原理:用XMLHTTP发送请求得到服务器端应答数据,在不重新载入整个页面的情况下,用js操作Dom最终更新页面1.创建XMLHttp请求协议 1 function createXMLHttpRequest(){ 2 var xmlHttp; 3 if(window.ActiveXObject) { //IE浏览器 4 //IE浏览器(将XMLHttpRequest对象作为ActiveX对象来创建) 5 try{ 6 xmlHttp = new ActiveXObject("Msxml2.

js ajax请求流程

<input type="button" name="btn" id="btn" value="按钮" /> JS //点击按钮弹出1.txt的内容var oBtn=document.getElementById("btn"); oBtn.onclick=function(){ //打开浏览器 /* 1.创建一个ajax对象 ie6以下new ActiveXObject('Microsoft.X

原生js ajax实例

了解Ajax的工作原理,就要从理解XMLHttpRequest这个对象开始. 下面给出将要用于该对象的很少的几个 方法和属性.  ·open():建立到服务器的新请求.     ·send():向服务器发送请求.     ·abort():退出当前请求. ·readyState:提供当前 HTML 的就绪状态. ·responseText:服务器返回的请求响应文本. 'onreadystatechange:回调方法 ·responseXML:服务器返回的请求响应XML形式组织的文本. 获取响应文

JS ajax请求 formData传参方式

1 $("#importBtn").click(function(){ 2 if($("#conId").val() == ""){ 3 alert("请填写Id"); 4 return; 5 } 6 if($("#fromWhere").val() == ""){ 7 alert("请填写简称"); 8 return; 9 } 10 if($("#impo

解决nockout.js Ajax请求返回的结果,Model不能更新

由于Ajax返回之后需要重新问nockout相关属性赋值,首先属性应该被定义为observable属性,在Ajax返回值之后需要重新bind,代码如下: <script type="text/javascript"> function ViewModel() { var self = this; self.email = ko.observable(); self.password = ko.observable(); self.username = ko.observab