文档章节

js 读取本地文件遇到ajax跨域问题

JaJaCube
 JaJaCube
发布于 2017/09/04 11:04
字数 347
阅读 94
收藏 0

环境:win10  

语言:js

对象:easyUI SKD demo

级别:小小白级

 

本篇博文记录博主从js小小白的进化历程,下述问题对老鸟来说再简单不过,但是作为新手一定会经历这样的阶段,所以还是分享出来,希望能为以后同样是小小白的猿一些参考。老鸟看看笑笑就行,轻喷轻喷...

 

听说esayUI很适合新手UI布局,下载了SDK之后尝试本地查看SDK下的demo,在查看tree控件的时遇到如下报错:

jquery.min.js:5 XMLHttpRequest cannot load file:///F:/Clis/%E5%AD%A6%E4%B9%A0/js/EsayUI/jquery-easyui-1.5.3/demo/tree/tree_data1.json. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

报错图:

简单一看,又涉及到跨域问题,本着菜鸟多虚心求教的原则网上搜了一下,基本都是让在浏览器属性后加  --allow-file-access-from-files  的方法,然而这种方法在我这里并不能起作用,依然同样报错。

网上解决建议如下图:

 

 

于是自己尝试解决,不就是不能读取本地文件嘛,那我把它丢上服务器去,于是该SDK怒丢上wwwroot下,然后在IIS里浏览,问题解决。

IIS管理器里如下浏览:

问题解决,附上前后对比图:

Before:

After:

© 著作权归作者所有

共有 人打赏支持
JaJaCube
粉丝 3
博文 7
码字总数 3719
作品 0
合肥
私信 提问
面试 | Ajax进阶----jQuery中的Ajax(下)

剩下的两个API: 1.$.getScript()是动态获取js代码的 有时候我们看到在网上看到的一些效果,找不到对应js文件,那就说明有可能是动态获取js代码了。 $.getScript(url,callback) - 动态读取脚...

一个敲代码的前端妹子
06/28
0
0
说说 JSON 和 JSONP

http://oss.org.cn/?action-viewnews-itemid-69846 前言 由于Sencha Touch 2这种开发模式的特性,基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。 当然了,通过调用强大的PhoneGap插...

大尾巴De鱼
2012/06/10
0
1
php中ajax跨域请求---小记

php中ajax跨域请求---小记 前端时间,遇到的一个问题,情况大约是这样: 原来的写法: 前端js文件中: $.ajax({   type:'get',   url:'http://wan.xxx.com/xxx.js',   success:functio...

thinkyoung
2015/08/31
0
0
json和jsonp的联系和区别(转载)

说到AJAX就会不可避免的面临两个问题,第一个是AJAX以何种格式来交换数据?第二个是跨域的需求如何解决?这两个问题目前都有不同的解决方案,比如数据可以用自定义字符串或者用XML来描述,跨...

宋和毅
2014/01/01
0
1
jsonp-反向代理-CORS解决JS跨域问题的个人总结(更新 v2.0)

网上说了很多很多,但是看完之后还是很混乱,所以我自己重新总结一下。 解决 js 跨域问题一共有8种方法: jsonp(只支持 get) 反向代理 CORS document.domain + iframe 跨域 window.name + ...

线上猛如虎_线下怂如鼠
08/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

windows上类似dnsmasq的软件Dual DHCP DNS Server

官网地址:http://dhcp-dns-server.sourceforge.net/官网定向的下载地址:https://sourceforge.net/projects/dhcp-dns-server/files/ 设置参考地址:http://blog.51cto.com/zhukeqiang/18264......

xueyuse0012
今天
3
0
LinkedHashMap源码解析

前言 HashMap中的元素时无序的,也就是说遍历HashMap的时候,顺序和放入的顺序是不一样的。 如果需要有序的Map,就可以采用LinkedHashMap. LinkedHashMap通过维护一个包含所有元素的双向链表,...

grace_233
今天
3
0
初识flask

文档 0.10.1版本 http://www.pythondoc.com/flask/index.html 1.0.2版本 https://dormousehole.readthedocs.io/en/latest/ 安装flask $ pip3 install flaskCollecting flask Downloading......

yimingkeji
昨天
4
0
Akka系统《sixteen》译

Actor是一个封装状态(state)和行为(behavior)的对象,它们只通过交换消息通信(放入收件人邮箱的邮件)。从某种意义上说,Actor是最严格的面向对象编程形式,但它更适合将他们视为人:在与Act...

woshixin
昨天
3
0
技术工坊|如何开发一款以太坊钱包(深圳)

【好消息!】HiBlock区块链技术工坊已经成功举办了26期,其中北京1期,西安1期,成都2期,上海22期。经常有社区的小伙伴问定期举办技术工坊的除了上海以外,其他城市有没有?现在区块链技术工...

HiBlock
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部