请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

file协议发送请求

Dell老师好,想请教一个小问题:
老师课上说file协议不能发送ajax请求,需要开启一个服务器。
但我用file协议方式打开一个HTML,发送请求依旧可以成功,源代码如下:

	<button id="btn">按钮</button>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.7/jquery.min.js"></script>
    <script>
      const btn = $('#btn');
      btn.click(() => {
        $.ajax({
          url: 'https://jsonplaceholder.typicode.com/todos/1'
        })
        .done((data) => {
          console.log(data);
        })
      })
    </script>

浏览器截图
图片描述
这个怎么理解呢?

正在回答 回答被采纳积分+3

3回答

提问者 慕莱坞7043791 2020-12-03 22:17:43
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
    <script>
function reqListener() {
        console.log(this.responseText);
      }

var oReq = new XMLHttpRequest();
oReq.addEventListener('load', reqListener);
oReq.open('GET', 'https://jsonplaceholder.typicode.com/todos/1');
oReq.send();
</script>
</body>
</html>

Dell老师好,我上面使用xhr的方式,Chrome浏览器上依旧是可以打印出this.responseText,结果如下:

https://img1.sycdn.imooc.com//szimg/5fc8f33608411ec821320630.jpg

https://img1.sycdn.imooc.com//szimg/5fc8f37309f72b9119081106.jpg

是不是现在改了?谢谢老师的解答

0 回复 有任何疑惑可以回复我~
Dell 2020-12-03 00:36:35

你用xhr的方式请求file,也可以吗?

0 回复 有任何疑惑可以回复我~
  • 提问者 慕莱坞7043791 #1
    Dell老师好,请看一下我最新的测试结果,用xhr貌似在file协议下依旧可以请求到数据
    回复 有任何疑惑可以回复我~ 2020-12-03 22:18:20
提问者 慕莱坞7043791 2020-12-02 22:40:50

先谢谢老师~

0 回复 有任何疑惑可以回复我~
问题已解决,确定采纳
还有疑问,暂不采纳
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号