javascript - jQuery - 检查 .json 文件是否有效

Question

我使用 .json 文件和 jQuery 的 $.getJSON 来用文本填充 div，我的代码如下所示:

代码:

  $.getJSON("/js/content.json", function (data) {
  $(".lander .title").text(data.lTitle);
  $(".lander .subtitle").text(data.lSubtitle);
  $(".lander .text").html(data.lText).split('\n').join('<br/>');
});

JSON 文件:

{
    "comment": "Landing page",
    "lTitle": "Your webpage",
    "lSubtitle": "Your webpage subtitle",
    "lText": "Edit this text under >js/content.json< ",

    "lDetailsTitle": "Here goes the details title under the landing header.",
    "lDetailsText": "Here goes the details text."

}

我想做的是使用 $parseJSON 来检查整个 content.json 是否有效(不仅仅是一个字符串)。我想这样做的原因是 jquery 可以在 DOM 中显示错误消息，以便用户知道为什么 div 中没有文本。

我已经尝试过这个，但它不起作用:

var isValid = jQuery.parseJSON("/js/content.json");
if (isValid === true) {} else {
    $("#overlayMessage").css("display", "block");
    $("#overlayMessage .title").text("Oh no, we can't display this page!");
    $("#overlayMessage .text").text("An error occured with the file under: 'js/content.json'. Reason: Invalid.");
}

这是否可以做到，或者您只能检查一个字符串是否有效？

Answer 1

你可能想要这样的东西:

try{
    var json = JSON.parse("invalid json");
}catch(err){
    console.log('json is invalid');
}

在浏览器中运行此命令的输出是“json 无效”