栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何在jsfiddle中添加本地json文件?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何在jsfiddle中添加本地json文件?

您可以利用跨域资源共享(CORS)的功能来完成您的任务。

基本上,CORS的工作原理是,如果

Access-Control-Allow-Orign
在HTTP响应中设置了标头,则无论AJAX加载的内容位于同一域还是其他域中,都可以在我们的脚本中使用它。

现在,出于您的目的,您可以将本地JSON文件上传到Dropbox的

Public
文件夹中,并获取一个公共URL,您可以通过一个简单的AJAX调用来加载该URL。

在这种情况下,AJAX调用将成功,因为Dropbox在响应中设置了以下值,

Access-Control-Allow-Orign:*
这意味着任何域都可以使用加载的内容。

jQuery代码将是这样的(如果愿意,您甚至可以使用纯Javascript)。

var url = 'https://dl.dropboxusercontent.com/u/94145612/example.json';var myJsonData= {};$.ajax({    type: 'GET',    url: url,    async: false,    contentType: "application/json",    dataType: 'json',    success: function (data) {        alert('success');        console.log(data);        myJsonData= data;    },    error: function (e) {        alert('error');        console.log(e);    }});

示例JSFiddle



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/485479.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号