При открытий файла, вывод его данных из JSON на страницу?

Question

[Марсель Султанов]

Всем привет!
Кто может помочь с выводом данных файла, при открытий которого выводиться именно его содержимое.
Задача:

При выполнений action создается автоматически файл с датой и временем в формате JSON.
Список этих созданных файлов должен выводиться на экран.
Далее по выбору определенного файла из n-количества, должно открываться содержимое именно данного файла.

В данный момент я сделал вывод всех данных из всех файлов в таблицу на экран, но как сделать чтобы у меня читался каждый определенный файл, я не знаю.

Если решение будет со стороны фронта то лучше JQUERY
Если со стороны бэкенда то PHP

Ниже вставлю содержимое файлов JSON
[
{"ID":2318,"SCANNING_DATE":"26.03.2020 17:53","USER":"mars"},
{"ID":2319,"SCANNING_DATE":"26.03.2020 17:53","USER":"mars"},
{"ID":2325,"SCANNING_DATE":"26.03.2020 17:53","USER":"mars"},
{"ID":2327,"SCANNING_DATE":"26.03.2020 17:53","USER":"mars"},
{"ID":2329,"SCANNING_DATE":"26.03.2020 17:53","USER":"mars"}
]
Вот так у меня вывод названий файлов

Кто может подсказать вопрос жизни и смерти

Comments

[Дмитрий]

Доброе утро.
Для php понадобятся file_get_contents(), json_decode().
Подробности в документации.

[Марсель Султанов]

Дмитрий, я уже делал чтение файла
ток у меня выводится циклом все данные по всем файлам

$uploadDir = $_SERVER['DOCUMENT_ROOT'] . '/upload/awb/' . $awb . '/';
	$fileArray = array_diff(scandir($uploadDir, 1), array("inputScanning.json", "..", "."));
	$filePath = $uploadDir . $filename;


	foreach ($fileArray as $filename){
		$filePath = $uploadDir . $filename;
		$dataFile = file_get_contents($filePath);
		$resultScan = json_decode($dataFile, true);
		$resultOut[] = $resultScan;
	}

[twobomb]

Ну к примеру при нажатии на файл на сервер шлём ajax запрос с именем этого файла, а сервер возвращает нам его содержимое и мы выводим его например в попапе.

[Дмитрий]

Марсель Султанов, ну так передавайте название конкретного файла скрипту.

[Марсель Султанов]

Дмитрий, а можете подсказать кодом как именно это сделать можно, буду признателен

[Дмитрий]

Марсель Султанов, ну если у Вас на странице выводятся названия файлов, то при помощи jquery получите его и отправьте на сервер при помощи ajax.

[Дмитрий]

Марсель Султанов,

<div class="json-file">123.json</div>
<div class="json-file">345.json</div>
<div class="json-file">567.json</div>
<script type="text/javascript">
  $('div.json-file').on('click', function(){
     var File = $(this).text();
     console.log(File);
     $.ajax({
       url: 'path/to/file.php',
       type: 'POST',
       data: {file: File}
       success: function(responce){
          // тут обрабатываете ответ сервера
       }
     })
  })
</script>

Answer 1

[twobomb]

<?PHP
	$uploadDir = $_SERVER['DOCUMENT_ROOT'] . '/upload/awb/' . $awb . '/';	
	if($_SERVER["REQUEST_METHOD"] == "POST"){
		if(file_exists($uploadDir."/".$_POST["filename"])){
			echo file_get_contents($uploadDir."/".$_POST["filename"]);
			die;
		}
	}
?>
<script
        src="http://code.jquery.com/jquery-3.3.1.min.js"
        integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
        crossorigin="anonymous"></script>
<script>
$(function(){
		$("ul").on("click","li",function(e){			
			$.ajax({				
				   url: "<?=$_SERVER['PHP_SELF']?>",
				   type: 'POST',
				   data: {
					   filename:$(this).html()
					   }
			}).done(function(data){
					$("#out").html("<pre>"+data+"</pre>");
			})
		});
})
</script>
<ul>
<?PHP
  $fileArray = array_diff(scandir($uploadDir, 1), array("inputScanning.json", "..", "."));
  foreach ($fileArray as $filename)
    echo "<li>$filename</li>";
?>
</ul>
<div id="out">
</div>

Comments

[Марсель Султанов]

правильно ли я везде это добавил ?

<div>
    <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
        <li class="nav-item mr-2 mb-2">
            <a class="btn btn-primary active" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true">Входящее сканирование</a>
        </li>
        <li class="nav-item">
            <a class="btn btn-primary" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false">Исходящее сканирование</a>
        </li>
    </ul>
    <div class="tab-content" id="pills-tabContent">
        <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
            <table class="table table-striped table-bordered coolTable" style="table-layout: fixed">
                <thead>
                <tr>
                    <th scope="col">№ заказа</th>
                    <th scope="col">Дата сканирования</th>
                </tr>
                </thead>
                <tbody>
                <?foreach ($arResult['ITEMS'] as $item):?>
                    <tr>
                        <td><?=$item['ID']?></td>
                        <td><?=$item['SCANNING_DATE']?></td>
                    </tr>
                <?endforeach;?>
                </tbody>
            </table>
        </div>
        <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
            <ul>
                <?PHP
                $uploadDir = $_SERVER['DOCUMENT_ROOT'] . '/upload/awb/' . $awb . '/';
                $fileArray = array_diff(scandir($uploadDir, 1), array("inputScanning.json", "..", "."));
                foreach ($fileArray as $filename)
                    echo "<li>$filename</li>";
                ?>
            </ul>
            <div id="out">
            </div>
            <table class="table table-striped table-bordered coolTable" style="table-layout: fixed">
                <thead>
                <tr>
                    <th scope="col">№ заказа</th>
                    <th scope="col">Дата сканирования</th>
                    <th scope="col">Пользователь</th>
                </tr>
                </thead>
                <tbody>

                <?foreach ($arResult['OUTPUT_SCAN'] as $outScan):?>
                    <?foreach ($outScan as $outRow):?>
                        <tr>
                            <td><?=$outRow['ID']?></td>
                            <td><?=$outRow['SCANNING_DATE']?></td>
                            <td><?=$outRow['USER']?></td>
                        </tr>
                    <?endforeach;?>
                <?endforeach;?>
                </tbody>
            </table>
        </div>
    </div>
</div>

    <script>
        $(function(){
            $("ul").on("click","li",function(e){
                $.ajax({
                    url: "<?=$_SERVER['PHP_SELF']?>",
                    type: 'POST',
                    data: {
                        filename:$(this).html()
                    }
                }).done(function(data){
                    $("#out").html("<pre>"+data+"</pre>");
                })
            });
        })
    </script>

А это в файл AJAX.php

$uploadDir = $_SERVER['DOCUMENT_ROOT'] . '/upload/awb/' . $awb . '/';
if($_SERVER["REQUEST_METHOD"] == "POST"){
    if(file_exists($uploadDir."/".$_POST["filename"])){
        echo file_get_contents($uploadDir."/".$_POST["filename"]);
        die;
    }
}

[twobomb]

Марсель Султанов, Ну не знаю, проверяйте работает или нет.
Ну раз для ajax теперь новый файл то нужно хотя-бы поменять
url: "<?=$_SERVER['PHP_SELF']?>", на соответствующее
P.S. Ну и так как у вас 2 списка, дайте тому в котором названия хотя бы ид типа

<ul id="mylist">
                <?PHP
                $uploadDir = $_SERVER['DOCUMENT_ROOT'] . '/upload/awb/' . $awb . '/';
                $fileArray = array_diff(scandir($uploadDir, 1), array("inputScanning.json", "..", "."));
                foreach ($fileArray as $filename)
                    echo "<li>$filename</li>";
                ?>
            </ul>

ну и
$("#mylist").on("click","li",function(e){