如何在JSFiddle中链接外部json文件？

作者: polo
发布时间: 2024-12-08 01:22:56 (24天前)
转自：

3 条回复

0#
回复此人
Hey ou | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> 您无法加载本地创建的 <code> .json </code> 归档给Fiddler。 在这里我放了一个我在网上找到的.json文件，你可以看到数据来自它（进入控制台）。 <a href="https://jsfiddle.net/v99e25r8/" rel="nofollow"> https://jsfiddle.net/v99e25r8/ </A> <pre> <code> $http.get('https://json-generator.appspot.com/api/json/get/bVQoKFSGNu?indent=2') .success(function(data) { console.log(data); $scope.countries = data; }); </code> </pre> 除了提琴手，如果这是在您的项目中，您只需要指向正确的目录。 </DIV>

编辑
1#
回复此人
你咖喱人biss嗷 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> 如果你把JSON文件放入 <a href="https://github.com/" rel="nofollow noreferrer"> GitHub上 </A> 你也可以 <a href="http://doc.jsfiddle.net/use/github_response.html#github-response" rel="nofollow noreferrer"> 直接从GitHub存储库传递响应 </A> 。 您的JSON文件必须命名 <code> demo.response.json </code> 并将其称为如下 <BLOCKQUOTE> 的 /gh/get/response.json/{github_tree}/ </强> </BLOCKQUOTE> 例如，我在这里有JSON文件 <a href="https://github.com/chetabahana/chetabahana.github.io/blob/master/_data/demo.response.json" rel="nofollow noreferrer"> https://github.com/chetabahana/chetabahana.github.io/blob/master/_data/demo.response.json </A> 然后进去 的jsfiddle 您可以使用Ajax获取数据，如下所示： 的 HTML </强> <pre> <code> Result will appear below with 1 sec delay <div id="demo">This text will be replaced</div> </code> </pre> 的 JS </强> （选择其中一个的 MooTools的 </强> 框架） <pre> <code> window.addEvent('domready', function() { new Request.HTML({ url: '/gh/get/response.json/chetabahana/chetabahana.github.io/tree/master/_data/', data: {'delay': 1}, method: 'post', update: 'demo', onSuccess: function(response) { $('demo').highlight(); } }).send(); }) </code> </pre> 的 注意 </强> ：没有提供JSONP功能。人们可以使用它来实现它 <a href="https://raw.githubusercontent.com/chetabahana/chetabahana.github.io/master/_data/demo.response.json" rel="nofollow noreferrer"> 原始GitHub URL </A> 。 </DIV>

编辑

登录后才能参与评论