ajaxでディレクトリを直接読む方法

Question

前提・実現したいこと

ajaxでディレクトリを直接読む方法があったら知りたいと思い質問させて頂きました。

現状の方法は下記ソースコードのようになっています。

『ajax.js』が『thumb.php』を読んで、「img」というディレクトリから画像リストを表示している流れです。

でも、『ajax.js』が直接「img」を読む方が早いですよね？

もしそれが可能であればどのようにすればよいかご教示いただけませんでしょうか。

該当のソースコード

『ajax.js』
→ajaxで『thumb.php』を読むファイルです。

$.ajax({
	success: function(data) {       
		$('#thumbArea').load("http://example.com/templates/thumb.php");
	},
	error: function(data) {
		alert('error');
	}
})

『thumb.php』
→ajaxで読まれるファイルで、これが「img」というディレクトリを読みます。

<ul>						
	<li>
		<label>
			<input type="radio" name="thumb" value="img/default1.JPG">
			<span></span>
			<img src="http://example.com/img/default1.JPG">
		</label>
	</li>
	<li>
		<label>
			<input type="radio" name="thumb" value="img/default2.JPG">
			<span></span>
			<img src="http://example.com/img/default2.JPG"
		</label>
	</li>
</ul>

Comments

[m.ts10806]

セキュリティ事項によって無理なのが実状とは思いますが、調べたことに試したことはありますか？

[kata2murin]

普通に検索しましたがセキュリティ事項というのは見当たりませんでした。よろしければ詳しくお聞かせください。試したことといっても、『ajax.js』のload先をディレクトリにするくらいでして、そもそも発想ができないレベルです。

[m.ts10806]

JavaScriptはクライアントサイドの言語なので。
https://teratail.com/questions/109962

＞『ajax.js』のload先をディレクトリにするくらいでして

やってみたのでしょうか？

Answer 1

ajaxでディレクトリを直接読む方法があったら知りたいと思い

サーバサイドで用意しない限り、ありません。

HTTPは1つのリクエストに対して1つのレスポンスを返す仕組みですので、サーバ側で「フォルダ内のファイルリスト」を返すような仕組みを用意していない限り、ファイルリストを取得する方法自体がありません。

Comments

[kata2murin]

ありがとうございます。わかりました。

Answer 2

apacheの設定でファイルリストを出力することは可能ですが
不必要なファイルリストを見せることはクライアントの必ずしもメリットになりません
必要に応じて必要なデータを出力することが賢明です

Comments

[kata2murin]

ありがとうございます。気を付けます。