javascript、ajax获取本地文件JSON_Javascript_Ajax_Json

javascript、ajax获取本地文件JSON

javascript ajax json

javascript、ajax获取本地文件JSON,javascript,ajax,json,Javascript,Ajax,Json,我试图让我的代码加载我的JSON文件，这些文件位于index.html、script.js和style.css旁边的文件夹中。文件夹名为articles，文件名为article、article 1、article 2、article 3、article 4和article 5 有人知道为什么它不起作用吗 HTML: 检查该请求，并确保它以application/jsonalso的形式返回，在这里显示$成功回调中的数据变量。获取函数查看浏览器的开发工具。看看JavaScript控制台。它是否报告任

我试图让我的代码加载我的JSON文件，这些文件位于index.html、script.js和style.css旁边的文件夹中。文件夹名为articles，文件名为article、article 1、article 2、article 3、article 4和article 5

有人知道为什么它不起作用吗

HTML:

检查该请求，并确保它以application/jsonalso的形式返回，在这里显示$成功回调中的数据变量。获取函数查看浏览器的开发工具。看看JavaScript控制台。它是否报告任何错误？看看网络标签。有人提出要求吗？它得到回应了吗？它们是否包含您期望的数据？

$（this）。text（）

指的是每个单独的按钮，因此，与其将单击事件一次应用于所有按钮，不如通过每个按钮将每个，并将单击处理程序分别应用于每个按钮。好的，但是使用此代码，可以加载本地json文件吗？这就是我得到的错误。。

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="style.css">
  </head>
  <body>
    <div id='meny'>
      <button>No article</button>
      <button>article1</button>
      <button>article2</button>
      <button>article3</button>
      <button>article4</button>
      <button>article5</button>
    </div>
    <div id='div2'>
      <p id='selectedArticle'>No article selected</p>
      <div>
        Författare:<a href="" id='author'></a>
      </div>
      <div>
        Datum:<span id='date'></span>
      </div>
      <p id='text'>select article</p>
    </div>
    <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
    <script src="script.js"></script>
    <meta charset="UTF-8">
  </body>
</html>

$(document).ready(function() {

  var buttons = $("button");
  var setFirstButtonBold = function() {
    buttons.first().css("font-weight","bold");
  };

  setFirstButtonBold();

  $('#meny button').on('click',function () {
    buttons.css("font-weight","normal");
    $(this).css("font-weight","bold");
    var buttonName = $(this).text();

    if($(this).text() == "No article") {
      $('#selectedArticle').html("No article selected");
      $('#author').attr("");
      $('#author').html("");
      $('#date').text("");
      $('#text').html("select article");
    } else {
      $('#text').text("Laddar....");
    }

    $.get('articles/'+buttonName,function(data) {
    $('#selectedArticle').html(data.title);
      $('#author').attr("href","mailto:"+data.author);
      $('#author').html(data.author);
      $('#date').text(data.date);
      $('#text').html(data.text);
    },'json');
  });
});