麻烦老师 问题在里面

麻烦老师 问题在里面

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title></title>

</head>

<body>

<script type="text/javascript">

function createXHR() {

if (window.XMLHttpRequest) {

return new XMLHttpRequest();

} else if (window.ActiveXObject) {

return new ActiveXObject('Microsoft.XMLHTTP');

}

}


var xhr = createXHR();

xhr.open('get', './server/slider.json', true);

//xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');

xhr.send(null);

xhr.onreadystatechange = function() {

if (xhr.readyState == 4) {

if (xhr.status >= 200 && xhr.status < 300 || xhr.status === 304) {

console.log(xhr.responseText);

}

}

}

</script>

</body>

</html>

1.老师为什么直接在浏览器打开就报错 ,而用open in live sever打开就可以?

http://img1.sycdn.imooc.com//climg/5f2fbb1a09015e7b19200727.jpg而2.如果再把open方法里面的参数改为的get改为post,又会发生一下错误  麻烦老师解答一下

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

正在回答

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

4回答

同学你好,使用WampServer开启服务之后,需要通过localhost访问,可以参考教辅

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

如果同学的项目目录为下方

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

那么:在浏览器地址栏中输入http://localhost/index.html即可

祝学习愉快~


好帮手慕言 2020-08-09 18:43:18

同学你好,如果安装了WampServer就可以不用安装phpStudy了。使用phpStudy或者WampServer软件测试,就不会出现上述问题了。祝学习愉快~

  • 提问者 大白前端 #1
    我晕,老师我就是安装了WampServer之后测试 用get就可以 用post就报错 截图在上面 问题还是没有解决
    2020-08-09 18:52:38
好帮手慕言 2020-08-09 17:48:38

同学你好,解答如下:

1、 因为从本地直接打开的页面, 不可以访问本地的json文件。需要放到服务器环境下运行。

2、使用vscode编辑器的live Server插件,发送post请求会出现问题,建议使用phpStudy软件测试,安装和使用可以参考教辅:http://file.mukewang.com/class/assist/800/4698985/j7xv4ydq6wb/phpStudy%E7%9A%84%E5%AE%89%E8%A3%85%E4%B8%8E%E4%BD%BF%E7%94%A8.pdf

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

  • 提问者 大白前端 #1
    老师 我装了Wampserver还有必要装phpStudy吗?是使用phpStudy之后就不会出现以上的问题吗?
    2020-08-09 18:01:01
提问者 大白前端 2020-08-09 17:04:17

<!DOCTYPE html>

<html lang="zh">

    <head>

        <meta charset="UTF-8">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <meta http-equiv="X-UA-Compatible" content="ie=edge">

        <title></title>

    </head>

    <body>

        <script type="text/javascript">

            function createXHR() {

                if (window.XMLHttpRequest) {

                    return new XMLHttpRequest();

                } else if (window.ActiveXObject) {

                    return new ActiveXObject('Microsoft.XMLHTTP');

                }

            }


            var xhr = createXHR();

            xhr.open('get', './server/slider.json', true);

            //xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');

            xhr.send(null);

            xhr.onreadystatechange = function() {

                if (xhr.readyState == 4) {

                    if (xhr.status >= 200 && xhr.status < 300 || xhr.status === 304) {

                        console.log(xhr.responseText);

                    }

                }

            }

        </script>

    </body>

</html>



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

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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