老师,帮我看看为什么报错

老师,帮我看看为什么报错

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<script type="text/javascript">
// 封装通用的xhr对象,兼容各个版本
function createXHR(){
// 判断浏览器是否将XMLHttpRequest作为本地对象实现,针对IE7、firefox、opera等
if (typeof XMLHttpRequest != "undefined"){
return new XMLHttpRequest();
     }else if (typeof ActiveXObject != "undefined"){
// 将所有可能出现的ActiveXObject版本放在一个数组中
var xhrArr = ["Microsoft.XMLHTTP","MSXML2.XMLHTTP6.0",
"MSXML2.XMLHTTP5.0","MSXML2.XMLHTTP4.0",
"MSXML2.XMLHTTP3.0","MSXML2.XMLHTTP2.0"];
// 遍历创建XMLHttpRequest对象
var len = xhrArr.length, xhr;
for (var i = 0;i < len;i++){
try{
// 创建XMLHttpRequest对象
xhr = new ActiveXObject(xhrArr[i]);
break;
           }
catch(ex){

           }
        }
return xhr;
     }
else{
throw new Error("No XHR object availabel");
     }
  }
// XMLHttpRequest对象
var xhr = createXHR();
// 响应XMLHttpRequest对象状态变化的函数, onreadystatechange在readystatechange属性发生改变时触发
xhr.onreadystatechange = function(){
// 异步调用成功,响应内容解析完成,可以在客户端调用
if (xhr.readyState == 4) {
if ((xhr.status >= 200 && xhr.status < 300) || xhr.status === 304){
// 获得服务器返回的数据
console.log(xhr.responseText);
        }
     }
  };
// 创建请求
xhr.open("post","./server/slider.json",true);
// 发送请求
xhr.send(null);
// xhr.send({user:"zhangsan",id:6});
  // 设置http头部信息
// xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded);
</script>
</body>
</html>

http://img1.sycdn.imooc.com//climg/5f463485096ff60007860215.jpg

http://img1.sycdn.imooc.com//climg/5f46349c09cee29407310117.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

同学你好,老师在第一次回答的时候已经说了哦,是通过地址栏进行访问的:

http://img1.sycdn.imooc.com//climg/5f470d61092093f805350235.jpg

同学可以再看下回复。也可以在编辑器中打开。以vscode为例,下载live Server插件:

http://img1.sycdn.imooc.com//climg/5f470d8f0988645a10290436.jpg

安装成功后重启编辑器。在代码的空白处单击右键:

http://img1.sycdn.imooc.com//climg/5f470dbc0943f6a006220705.jpg

这样跟在地址栏输入的效果是一样的。

好帮手慕粉 2020-08-26 19:13:36

同学你好,看同学的报错信息是跨域:

http://img1.sycdn.imooc.com//climg/5f4642c80980caef08140086.jpg

同学可以检查下服务器是否正常开启,并且这个代码也应该放在服务器下的,然后通过localhost进行访问(老师使用的是phpStudy)。

http://img1.sycdn.imooc.com//climg/5f46433d09fab94706840193.jpg

浏览器地址栏:

http://img1.sycdn.imooc.com//climg/5f46439909f4b75d12200842.jpg

如果我的回答帮助了你,欢迎采纳。祝学习愉快~

  • 提问者 沉木岩 #1
    老师是通过地址栏输入的地址吗还是直接双击文件或者是通过编辑器快捷方式打开的
    2020-08-26 19:16:25
提问者 沉木岩 2020-08-26 18:43:58

刚注意到我的文档地址好像不对,我现在把文档地址放进wampServer的www里面,还是报错,但是跟上面的错误信息不一样

http://img1.sycdn.imooc.com//climg/5f463ce309a6f43310050260.jpg

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师