javascript - Ajax加载本地json文件

Question

我已经检查了这里有关如何使用ajax加载本地json文件的每个问题，但没有任何效果对我有用:

这是我的 JavaScript 代码，用于显示本地 json 文件:

  // rooms selection code


     document.querySelectorAll('.select-room').forEach(p => {
        p.onclick = () => {
          var newRoom = p.innerHTML;
          if (newRoom==room) {
            msg =`You are already in ${room} room.`;
            printSysMsg(msg);
          } else {
            leaveRoom(room);
            joinRoom(newRoom);
            room=newRoom;
            loadChat();
                  }
      }
    });

function loadChat(room) {
  $.ajax({
    url: "chat.json",
    dataType: "json",
    method: "GET"
  }).done(function(data) {
    console.log(data.room);
  });
}

这是python中的服务器端代码，flask要写入json文件:

@socketio.on("message")
def message(data):
    msg = data["msg"].rstrip()
    username= data["username"]
    time_stamp = strftime('%b-%d %I:%M%p', localtime())
    room = data["room"]
    message = [time_stamp,msg,username]

    if room in Messages_by_Room.keys():
        if (len(Messages_by_Room[room])<= 2):
            Messages_by_Room [room].append(message)
        else:
            Messages_by_Room[room].pop(0)
            Messages_by_Room[room].append(message)
    else:
        Messages_by_Room.update({room: message})

    with open('./chat.json', 'w') as f:
        json.dump(Messages_by_Room,f, indent=2)

    send({"msg": msg, "username": username,"time_stamp": time_stamp}, room= data['room'])

json 文件存储在 javascript 文件的同一位置。

错误不断告诉我“jquery-3.4.1.min.js:2 GET http://127.0.0.1:5000/chat.json 404(未找到)”

你能帮我通过ajax或其他方式读取本地json文件吗？

Answer 1

尝试./chat.json

有时您的网络浏览器会缓存您的资源，因此您的代码不会在浏览器中更新。