原生ajax 请求（get post）

最新推荐文章于 2023-07-03 10:09:42 发布

LXS1Q

最新推荐文章于 2023-07-03 10:09:42 发布

阅读量396

点赞数

本文链接：https://blog.csdn.net/LAI515/article/details/86471912

版权

//原生ajax get请求 --xmlhttprequest
           document.querySelector(".btn1").onclick = function(){
               var xhr = new XMLHttpRequest();
               xhr.onreadystatechange = function(){
                   if (xhr.readyState == 4){
                       if(xhr.status == 200){ //响应完成且成功
                       //取得返回的数据
var data = xhr.responseText;
                       //json字符串转为json格式
//data = eval(xhr.data);
                           console.log(JSON.parse(data).rows);
                       }else{//响应完成但失败
                           //取得返回的数据
                           var data = xhr.responseText;
                           //json字符串转为json格式
                           // data = eval(data);
                           console.log(JSON.parse(data).state);
                       }
                   };

               };
               xhr.open('get','http://127.0.0.1:8088/execlDao/file/selectPagecolsByFkPageCode?pageNum=1&pageSize=10',false);
               xhr.send(null);
           };


           //原生ajax post请求 --xmlhttprequest

           document.querySelector(".btn2").onclick = function(){
               var xhr = new XMLHttpRequest();

               xhr.onreadystatechange = function(){
                   if (xhr.readyState == 4){
                       if(xhr.status == 200){ //响应完成且成功
                       //取得返回的数据
           var data = xhr.responseText;
                       //json字符串转为json格式
           //data = eval(xhr.data);
                           console.log(JSON.parse(data).rows);
                       }else{//响应完成但失败
                           //取得返回的数据
                           //var data = xhr.responseText;
                           //console.log(22);
                           //json字符串转为json格式
                           // data = eval(data);
                           console.log(JSON.parse(data).state);
                       }
                   };

               };
               xhr.open('post','http://127.0.0.1:8088/execlDao/file/selectPagecolsByFkPageCodes',true);
               xhr.setRequestHeader('Content-Type','application/json');
               var datee={"pageNum":1,"pageSize":10};
               xhr.send(JSON.stringify(datee));
           };