会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132904个问题
Python 全系列/第一阶段:Python入门/函数和内存分析 34921楼
WEB前端全系列/第十一阶段:Nodejs编程模块--/Express框架 34923楼
JAVA 全系列/(旧的隐藏)第二十一阶段:百战商城项目(Spring Cloud最新架构)/百战商城项目 34925楼
Python 全系列/第一阶段:Python入门/面向对象 34926楼
人工智能/第二阶段:人工智能基础-Python基础/Python基础语法-旧 34928楼

egoshop - 副本.rar

这个中实现不出视频里老师的刷新效果,直接白屏了,麻烦老师看下 

WEB前端全系列/第二十阶段:Vue2企业级项目(旧)/Ego商城高级Vue实战项目 34929楼
JAVA 全系列/第一阶段:JAVA 快速入门/变量、数据类型、运算符 34931楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/myAjax.js"></script>
</head>
<body>
 <button>发送请求</button>
 <script>
     /*var btn=document.querySelector('button');
     btn.onclick=function () {

     }*/

     function myAjax(paramsObj){
         //toLowerCase()将所有的都转为小写
         if (paramsObj.type.toLowerCase()=='get'){
             //封装get请求
             // console.log(paramsObj.data);
             //打印出来是对象,所以要先转换成数组
             var arr=[];
             for (var pro in paramsObj.data){
                 var str=pro+"="+paramsObj.data[pro];
                 arr.push(str);
             }
             //console.log(arr);//(2) ["username=test-beixi", "password=test-123456"]
             //将数组转换为字符串 以&作为分隔符
             var canshuStr=arr.join('&');
             //console.log(canshuStr);//username=test-beixi&password=test-123456
             // paramsObj.url+=canshuStr;
             //console.log(paramsObj.url);//3-封装Ajax.phpusername=test-beixi&password=test-123456
             /*在上面打印出来,路径后面没有?,所以要在这利用三目运算判断一下
              路径后面有没有?,==-1表示没有,就在路径后面加上?,如果有就加上
              字符串
              */
             paramsObj.url+=paramsObj.url.indexOf('?')==-1?'?'+canshuStr:'&'+canshuStr;
             // console.log(paramsObj.url);//3-封装Ajax.php?username=test-beixi&password=test-123456
         }else if(paramsObj.type.toLowerCase()=='post'){
             //封装post
             var formData=new FormData();
             //将数据放到对象里面
             for(var pro in paramsObj.data){
                 formData.append(pro,paramsObj.data[pro]);
             }
         }else{
             console.log('请求类型有误');
         }
         //创建xhr对象
         var xhr=new XMLHttpRequest();
         xhr.onreadystatechange=function(){
             if (xhr.readyState==4){
                 if (xhr.status==200){
                     //反馈回来的数据
                     paramsObj.success(xhr.responseText);
                 }
             }

         };
         //准备发送
         xhr.open(paramsObj.type,paramsObj.url,true);
         //发送请求
         if (paramsObj.type.toLowerCase()=='get'){
             xhr.send(null);
         }else if (paramsObj.type.toLowerCase()=='post'){
             xhr.send(formData);
         }else{
             console.log('请求类型有误');
         }

     }
     myAjax({
         type:'get',
         url:'3-封装Ajax.php',
         data:{
             username:'test-beixi',
             password:'test-123456'
         },
         success:function (res) {
             console.log(res);
         }
     })
 </script>
</body>
</html>

<?php?
 $success=array('msg'=>'ok','info'=>$_GET);
 echo json_encode($success);
>

老师我这是哪里出错啦,打印出来的是

blob.png

WEB前端全系列/第六阶段:Http服务与Ajax模块(旧)/Http服务与Ajax编程 34932楼
JAVA 全系列/第十八阶段:亿级高并发电商项目_架构/编码(旧)/电商:基于SpringSecurity实现后台登录功能 34934楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637