Как отобразить данные из файла json по определённому ключу в javascript?

MadPirozhok, Да, не удалил одну строку, вот так надо:

$orders = [];
while($row = mysqli_fetch_assoc($res)) {
  $orderId = $row['order_id'];
  if (!isset($orders[$orderId])) {
    $orders[$orderId] = [
      'id' => $orderId,
      'total' => $row['total'],
      'date' => $row['delivery_date'],
      'products' => [],
    ];
  }
  $orders[$orderId]['products'][] = [
    'name' => $row['prod_name'],
    'price' => $row['prod_price'],
    'quantity' => $row['prod_qty'],
  ];
}

Про массивы php
- php.net/manual/ru/language.types.array.php
И вообще весь сайт для изучения языка
- php.net/manual/ru

Про объекты в js
- learn.javascript.ru/object
- https://developer.mozilla.org/ru/docs/Web/JavaScri...
И вообще весь сайт для изучения языка
- learn.javascript.ru
- https://developer.mozilla.org/ru/docs/Web/JavaScri...

Как сделать переадресацию после выполнения PHP формы?

GlubokovD, Пожалуйста)

Как отобразить данные из файла json по определённому ключу в javascript?

MadPirozhok, Да, сумму и дату вынести можно

$orders = [];
while($row = mysqli_fetch_assoc($res)) {
  $orderId = $row['order_id'];
  $orders[$orderId]['id'] = $orderId;
  if (!isset($orders[$orderId])) {
    $orders[$orderId] = [
      'id' => $orderId,
      'total' => $row['total'],
      'date' => $row['delivery_date'],
      'products' => [],
    ];
  }
  $orders[$orderId]['products'][] = [
    'name' => $row['prod_name'],
    'price' => $row['prod_price'],
    'quantity' => $row['prod_qty'],
  ];
}

Как сделать переадресацию после выполнения PHP формы?

Добавил JS часть отвечающую за форму, может в ней можно прописать перенаправление?

// перенаправить
location.href = "paste.url";
// перезагрузить
location.reload();

Как отобразить данные из файла json по определённому ключу в javascript?

MadPirozhok, Много разнообразной практики. Пожалуйста)

Как отобразить данные из файла json по определённому ключу в javascript?

так вот же ошибка, li.append должно быть

Как отобразить данные из файла json по определённому ключу в javascript?

Какой JSON приходит? Ошибки в консоли есть?

Как отобразить данные из файла json по определённому ключу в javascript?

MadPirozhok, немного поправил код. Присутствует ли на странице .my_history?
<ul class="my_history"></ul>

Как отобразить данные из файла json по определённому ключу в javascript?

MadPirozhok, Чтобы подошел js код, который я чуть выше написал в php сделай так
echo json_encode(array_values($orders));

Как отобразить данные из файла json по определённому ключу в javascript?

Сгруппируй на сервере вот так

$orders = [];
while($row = mysqli_fetch_assoc($res)) {
  $orderId = $row['order_id'];
  unset($row['order_id']);
  $orders[$orderId]['id'] = $orderId;
  $orders[$orderId]['products'][] = $row;
}

А в js уже манипулировать проще

$('document').ready(function() {
    $.ajax({
        type: "POST",
        dataType: 'JSON',
        url: "http://sait/history.php",
        data: {
            user_id: localStorage.getItem("user_id")
        }
    })
    .then(orders => {
        console.dir(orders);
        orders.forEach(order => {
            const li = $('<li><div>Заказ №'+ order.order_id +'</div></li>');
            const ul = $('<ul></ul>');
            order.products.forEach(product => {
                ul.append('<li>'+ product.prod_name +'</li>');
            });
            li.append(ul);
            $(".my_history").append(li);
        });
    });
});