`
xingxiupiaoxue
  • 浏览: 5605 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

如何解决XMLHttpRequest cannot load file~~~~~~~Origin 'null' is therefore not allowed

 
阅读更多
错误 

       最近在做框架的时候,需要加载.html文件和.json文件的时候出现了以下一个错误:
  

分析     

          一出现这个错误,我就猜到是加载.json文件的问题,先前,在做善良公社的时候,就接触了Easyui,也接触了json,那时是将从数据库中返回的datatable中的数据转换为json数据,然后加载到表格中,所以,这个时候我最先想到的是json数据格式的原因,按照先前在善良公社的json数据格式改了后,仍然出现这个错误。当我把.json文件中的数据写到代码中时,加载正常。所以说这就不是json数据格式的原因了。

原因

       这就让我不得不想想是否是其他的原因了,后来,通过一番查询,找到了原因。
       原因如下:
               Chrome不支持本地Ajax请求,当我在.html文件中访问.json文件时就会出现这个问题,就是说这个时候不能加载这个.html文件。

解决方式

       打开Chrome快捷方式的属性中设置:
                      右击Chrome浏览器快捷方式,选择“属性”,
            在“目标”中加上"--allow-file-access-from-files",注意前面有个空格,
            重启Chrome浏览器便可。
                        
       这样就正常加载了。
                       
总结

       做项目的时候要懂得调试,不能一遇到错误就开始寻求帮助,先要学着自己解决,对错误进行分析,逐一排查,最终找到错误原因,然后剩下的如何解决就不是大问题了。
        
分享到:
评论

相关推荐

    Nginx解决转发地址时跨域的问题

    Origin 'null' is therefore not allowed access. 这就是跨域问题。解决方案有不少,比较好的是服务器端配置CORS,但要求服务器端做更改。如果在不需要更改服务器端的情况下解决呢?尤其是需要在

    java spring mvc网站报XMLHttpRequest cannot load,只能get访问不能post访问 的解决办法.zip

    通过以上步骤,你应该能解决"XMLHttpRequest cannot load,只能get访问不能post访问"的问题。在实际操作中,记得仔细排查每个环节,确保所有配置和代码都符合预期。如果问题依然存在,那么可能需要查看更详细的错误...

    填写的银行卡号确定所属银行

    XMLHttpRequest cannot load file:///C:/Users/admin/Downloads/a/js/bankData.json. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

    iTunesGraphics:使用 Three.JS 可视化 iTunes API 请求的 3D 工具

    Origin [...] is not allowed by Access-Control-Allow-Origin. XMLHttpRequest cannot load. Origin [...] is not allowed by Access-Control-Allow-Origin. 非常占用 CPU:高分辨率时缓慢,滞后很快。 可能的...

    xmlHttpRequest用法示例ajax

    XMLHttpRequest(简称XHR)是JavaScript中的一个对象,用于在不刷新整个页面的情况下,与服务器进行异步数据交换,这是实现Ajax(Asynchronous JavaScript and XML)技术的基础。在本示例中,我们将深入探讨...

    Access-Control-Allow-Origin跨域问题的终极解决,给自己做备份

    在Web开发中,跨域(Cross-Origin)是一个常见的问题,特别是在使用Ajax进行异步请求时。"Access-Control-Allow-Origin"是HTTP头中的一个关键字段,用于处理浏览器端的同源策略限制,允许来自不同源的资源请求。本文...

    关于python的bottle框架跨域请求报错问题的处理方法

    在用python的bottle框架开发时,前端使用ajax跨域访问时,js代码老是进入不了success,而是进入了error,而返回的状态却是200。url直接在浏览器访问也是正常的,浏览器按F12后会... Origin ‘null’ is therefore not

    Python 解决execjs._exceptions.ProgramError: ReferenceError: document is not defined报错问题

    但这样做可能会遇到新的问题,例如`TypeError: Cannot read property '0' of null`,这通常表示在JavaScript代码中尝试访问一个`null`对象的属性。要解决这个问题,你需要深入理解引发错误的JavaScript代码,找出...

    ajax之核心XMLHttpRequest中文参考手册

    **Ajax核心XMLHttpRequest中文参考手册** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新。...

    google cast demo

    依赖于CCL,...报XMLHttpRequest cannot load 和No 'Access-Control-Allow-Origin' header is present on the requested resource.的错误 暂时无解,我在服务器上已经enable了CORS

    XMLHTTPREQUEST

    ### XMLHTTPRequest对象详解 在现代Web开发中,客户端与服务器之间的数据交换是非常常见的需求之一。为了实现这种异步数据通信,JavaScript提供了一种强大的工具——`XMLHTTPRequest`对象。通过这个对象,开发者...

    有关Ajax跨域问题的两种解决方法

    XMLHttpRequest cannot load http://192.168.2.12:8001/oss/api/version/check. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:8000’ is therefor

    XMLHttpRequest

    **XMLHttpRequest**(简称XHR)是Web开发中的一个关键技术,它允许JavaScript在不刷新整个页面的情况下与服务器进行异步数据交换。这个技术是Ajax(Asynchronous JavaScript and XML)的核心组成部分,尽管XML最初是...

    XMLHttpRequest中文参考手册

    XMLHttpRequest(简称XHR)是Web开发中的一个关键技术,它允许JavaScript在不刷新整个页面的情况下与服务器进行异步数据交换,这种技术被称为AJAX(Asynchronous JavaScript and XML)。XMLHttpRequest中文参考手册...

    XMLHttpRequest对象手册.pdf

    ### XMLHttpRequest对象详解 #### 一、引言 随着互联网技术的发展与演进,网页应用从简单的静态页面逐渐向动态交互式应用转变。其中,Ajax(Asynchronous JavaScript and XML)技术的出现极大地推动了这一进程。**...

    XMLHTTPRequest属性与方法

    ### XMLHTTPRequest属性与方法 #### 一、XMLHTTPRequest概述 **XMLHTTPRequest** 是一套重要的 API,它允许在浏览器端利用 JavaScript、VbScript 或 Jscript 等脚本语言通过 HTTP 协议发送请求和接收 XML 及其他...

    GWT中的xmlHttpRequest

    在GWT(Google Web Toolkit)开发中,XMLHttpRequest(XHR)是实现客户端与服务器间异步数据交换的关键技术。GWT提供了对XHR的封装,使得开发者可以方便地使用JavaScript的XMLHttpRequest对象,而无需直接接触底层的...

    Ajax深度剖析,XMLHttpRequest对象大揭秘

    为了解决跨域问题,可以使用CORS(Cross-Origin Resource Sharing)或JSONP(JSON with Padding)技术。 此外,随着技术的发展,XMLHttpRequest已更新至第二版(XHR2),增加了对更多功能的支持,如上传文件、支持...

Global site tag (gtag.js) - Google Analytics