V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
tedd
V2EX  ›  JavaScript

问一个基础的JavaScript AJAX的问题

  •  
  •   tedd · 2013-01-20 10:40:19 +08:00 · 3464 次点击
    这是一个创建于 4326 天前的主题,其中的信息可能已经有所发展或是发生改变。
    我写了一段最基础的ajax代码如下,向存放在当前文件夹下面的data.txt文件发出一个XHR request,并将返回目前是同步的写到html文件中显示出来
    <!DOCTYPE html>
    <body>
    <head>
    <script type="text/javascript">
    var request = new XMLHttpRequest();
    request.open('GET', 'data.txt', false);
    request.send();
    if(request.status===200){
    console.log(request);
    document.writeln(request.responseText);
    }
    </script>
    </head>
    <body>
    </body>
    </body>

    我看代码都是对的呀,怎么在chrome devtool里面提示报如下错误呢?

    XMLHttpRequest cannot load file:///C:/Users/jwu/Desktop/ajax/data.txt. Cross origin requests are only supported for HTTP.
    Uncaught Error: NETWORK_ERR: XMLHttpRequest Exception 101 index.html:7
    (anonymous function) index.html:7
    5 条回复    1970-01-01 08:00:00 +08:00
    zava
        1
    zava  
       2013-01-20 10:47:14 +08:00   ❤️ 1
    浏览器的地址是 : file:///C:/Users/jwu/Desktop/ajax/index.html?
    已经明确说了:
    XMLHttpRequest cannot load file
    Cross origin requests are only supported for HTTP.
    tedd
        2
    tedd  
    OP
       2013-01-20 10:49:00 +08:00
    @zava 也就是说将这个html文件作为本地文件打开是不行的,必须自己跑个服务器,访问这个index.html文件才行吧?通过http,原来如此
    zhangtao
        3
    zhangtao  
       2013-01-20 10:50:16 +08:00 via iPhone   ❤️ 1
    你要open的是一个server的URL,并不是本地一个文件,你发的是http请求
    tedd
        4
    tedd  
    OP
       2013-01-20 10:51:54 +08:00   ❤️ 1
    感谢感谢!
    DaniloSam
        5
    DaniloSam  
       2013-04-27 00:17:14 +08:00 via iPhone
    事件监听都没有这什么情况
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2713 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 10:33 · PVG 18:33 · LAX 02:33 · JFK 05:33
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.