JSでファイルの読み込みをしたいが、404と出てしまう。

Question

前提

JSでファイルの読み込みをとりあえずしたい。

実現したいこと

msglistに取得してきたデータを入れたい!!!!

エラー　: 404とエラーコードが出てしまうが、ファイルは実際に存在する

該当のソースコード

		//xhr
		var xhr = new XMLHttpRequest();
 
		xhr.open('post', 'database.json');
		xhr.send();
 
		xhr.onreadystatechange = function() {
 
    	if(xhr.readyState === 4 && xhr.status === 200) {
				// id属性で要素を取得
				var msg_list = document.getElementById('msglist');
				// 新しいHTML要素を作成
				var message = document.createElement('div');
				message.textContent = xhr.responseText;
			  // 指定した要素の中の末尾に挿入
		  	msg_list.appendChild(message);
				console.log(xhr.responseText);
    	}
		}

初心者なのでわからないことが多いですがよろしくお願いします

postじゃなくてgetも試しました

Comments

[退会済みユーザー]

開発用の Web サーバーは使っているのですよね？　で、その js を含む html が web サーバーにあって、ブラウザから http://localhost/xxx.html とかの URL でそれにアクセスしているのですよね？　database.json がその html と同じフォルダにあれば、ブラウザのアドレスバーに http://localhost/database.json と入力して要求すればブラウザの画面に JSON 文字列が表示されるはずですが、どうなんですか？　やっぱり 404 ですと　URL が違っているということになるのですが。

Answer 1

database.jsonが本当にあるなら

const url="database.json";
fetch(url).then(res=>res.json()).then(console.log);

で読めるはずです
404エラーということは読み込むパスやファイル名が間違っているか
そもそもそんなファイルがないかでしょう

Comments

[MOYASI]

https://imgur.com/a/MV2oKSk
僕の目にはあるように見えるのですが...

[MOYASI]

https://tadaup.jp/loda/0823222431590360.png
これです。すみません

[MOYASI]

で、Failed to load resource: the server responded with a status of 404 ()と出てしまいます

[MOYASI]

何度もすみません

[退会済みユーザー]

> ・・・で読めるはずです

それは書き方が違うだけで本質的な問題（404 エラー）を解決する話ではないです。

[yambejp]

> SurferOnWww さん

「404エラーということは読み込むパスやファイル名が間違っているか
そもそもそんなファイルがないかでしょう」が回答になっていると思いますが
それ以外のアイデアがあるならご自身で回答すればよいだけでは？