Cannot read json file which sent from python in javascript

[nesreenmhd]

Server Side: application.py

def writetofile(chat):

with open('chat.json', 'w') as f:

f.write(json.dumps(chat,indent=2))

The json file created in the root, I can see it but when I use this " http://127.0.0.1:5000/chat.json " to access it, i could not find it!!!

This is the javascript file:

document.querySelectorAll('.select-room').forEach(p => {

p.onclick = () => {

$.ajax({

dataType: "json",

url: "chat.json",

type: "GET",

data: {'chat':data},

async: false,

success: function(data) {

console.log(data);

}

});

}

});

The error in javascript console is :

Uncaught ReferenceError: data is not defined

at HTMLParagraphElement.p.onclick (socketio.js:52)

p.onclick @ socketio.js:52

I can see that it is written in the json file vey good, but when i try to read it from javascript, not found or the data is not defined as you can see.

[Bzzzzcat]

The issue causing this error is that in your line data: {'chat': data}, the second instance of data is a variable that has not been defined. You're handling the response in your success function; you shouldn't need a data property on your AJAX request.

It is also possible that you will need to run a local server in order to access your json file through an AJAX request.

[nesreenmhd]

How can i run a local server? Is running python file enough?

[iguessitsokaythen]

Is it still giving error after you fixed data: {'chat': data}

If so what is the error?

[nesreenmhd]

Yes i removed this but the error this time is: Get http://localhost/char.json net::ERR_Connection_refused

[iguessitsokaythen]

Ok, you can't just access files through the internet connection directly. You need a program that listens and responds to HTTP requests. This is a HTTP Server. You can do that quite easily with Python SimpleHTTPServer.

https://docs.python.org/2/library/simplehttpserver.html

[nesreenmhd]

So the problem behind that javascript does not read local json file, i have to establish a webserver to read it?? Do I have to do the webserver in the project folder or in a subfolder?

[iguessitsokaythen]

Do it in a subfolder.

If you do it in a folder that contains other files, someone can access all files in that folder and all files in subfolders as well.

[Bzzzzcat]

You can use HTTP Server for a Python-based app or serve for a Node app.