如何使用JavaScript解析带有数组的外部JSON文件
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了如何使用JavaScript解析带有数组的外部JSON文件,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2254字,纯文字阅读大概需要4分钟。
内容图文
![如何使用JavaScript解析带有数组的外部JSON文件](/upload/InfoBanner/zyjiaocheng/681/680a68990e5f47f4abfc8d4a22ef04c4.jpg)
我目前正在努力解决使用javascript读取JSON文件的问题.
我不完全确定这是否是带有数组的JSON文件的正确格式,但这是我的JSON文件.
[
{
"passageNumber":"2.3.1",
"title":"Inside and out: A bronze Athena and a Temple of Octavia",
"preReading":"This paragraph appears to refer to what the excavators named Temple E...",
"reading":"<span>Lorem</span> ipsum <span>dolor</span> sit amet, consectetur",
"media":"<img src='img/TempleE-capital.jpg'>",
"lon":"41.925",
"lat":"-91.426"
},
{
"passageNumber":"2.3.2",
"title":"The Road to Lechaeum",
"preReading":"<a href='http://google.com'>yipppie",
"postReading":"",
"reading":"blahhhhhhhhhhhhhhhhhh.",
"media":"<img src='img/templE-brick.jpg'>",
"lon":"41.625",
"lat":"-91.672"
}
]
我最终希望能够读取JSON文件(最有可能使用JQuery),然后选择给定通行号的所有信息.
任何帮助都将是惊人的.
谢谢!
编辑
我正在从外部JSON文件中提取此文件.它需要加载到JSON文件中.
解决方法:
以下是如何读取JSON的示例代码段.
var JSONDataFromExternalFile = '[{"passageNumber":"2.3.1","title":"Inside and out: A bronze Athena and a Temple of Octavia","preReading":"This paragraph appears to refer to what the excavators named Temple E...","reading":"<span>Lorem</span> ipsum <span>dolor</span> sit amet, consectetur","media":"<img src=\'img/TempleE-capital.jpg\'>","lon":"41.925","lat":"-91.426"},{"passageNumber":"2.3.2","title":"The Road to Lechaeum","preReading":"<a href=\'http://google.com\'>yipppie","postReading":"","reading":"blahhhhhhhhhhhhhhhhhh.","media":"<img src=\'img/templE-brick.jpg\'>","lon":"41.625","lat":"-91.672"}]'
var data = JSON.parse(JSONDataFromExternalFile);
function getDetails(passageNumber){
for(i in data){
if (data[i].passageNumber == passageNumber)
return data[i];
}
return false;
}
var details = getDetails("2.3.2");
alert("title > "+details.title);
alert("preReading > "+details.preReading);
var details = getDetails("2.3.1");
alert("title > "+details.title);
alert("preReading > "+details.preReading);
在您的代码中,它可能看起来像这样.
更新
$.ajax({
url: "http://www.json-generator.com/api/json/get/cgRivNixNK",
type: "POST", //type:"GET"
dataType: "JSON",
success: function(data){
console.log(data)
}
})
要么
$.ajax({
url: "http://www.json-generator.com/api/json/get/cgRivNixNK",
type: "POST", //type:"GET"
dataType: "JSON"
})
.done(function(data){
console.log(data)
});
内容总结
以上是互联网集市为您收集整理的如何使用JavaScript解析带有数组的外部JSON文件全部内容,希望文章能够帮你解决如何使用JavaScript解析带有数组的外部JSON文件所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。