0

Есть json файл в котором содержатся сообщения вида

$content[]

[{
    "time": "15:58:37",
    "user": "qwe",
    "message": "With []"
},
{
    "time": "15:58:38",
    "user": "qwe",
    "message": "With []"
}]

$content

{
    "time": "15:59:06",
    "user": "qwe",
    "message": "Without []"
}{
    "time": "15:59:17",
    "user": "qwe",
    "message": "Without []"
}

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

<table id="messages">
    <tr class="mess_hide">
        <td class="time"></td>
        <td class="name"></td>
        <td class="message"></td>
    </tr>
</table>

Пытаюсь сделать это с помощью getJSON но ничего не получается. Что я делаю не так?

$(document).ready(function() {
  $.getJSON('data/messages.json', function(data) {
    $('#messages').append($('.mess_hide').clone().addClass('mess_tmp').removeClass('mess_hide'));
    $('.mess_tmp>.time').html(data.time);
    $('.mess_tmp>.name').html(data.user);
    $('.mess_tmp>.message').html(data.message);
    $('.mess_tmp').removeClass('mess_tmp');
  });
});

Запись в файл

$user = $_SESSION['user'];
$message = $_POST['message'];
$time = date('H:i:s');
$file = "../data/messages.json";
$json_content = json_decode(file_get_contents($file), true);
$content = array();

 if(is_array($json_content)) {
    $content = $json_content;
 }
 $content = array("time" => $time, "user" => $user, "message"  => $message);
 file_put_contents($file, json_encode($content, JSON_PRETTY_PRINT),FILE_APPEND);
12
  • Успешен ли ajax-запрос, что в data выводится? У вас там всегда только одно сообщение?
    – br3t
    3 июл 2017 в 13:02
  • Услышан. Нет, сообщений может быть и много.
    – Tick-Tack
    3 июл 2017 в 13:07
  • Т.е. когда у вас там массив, то уже нет никакого data.time, а есть data[0].time и т.д. Нужно добавить обход по массиву сообщений.
    – br3t
    3 июл 2017 в 13:10
  • Попробуйте $content[] = array("time" => $time, "user" => $user, "message" => $message);
    – br3t
    3 июл 2017 в 13:48
  • @br3t Не помогло.
    – Tick-Tack
    3 июл 2017 в 13:50

1 ответ 1

1

Самое главное, чтобы даже в случае всего одного сообщения оно было в массиве , т.е. [{ "time": "13:41:56", "user": "Max", "message": "Hello"}]

$.getJSON('data/messages.json', callback);
// эмуляция
callback([{ "time": "13:41:56", "user": "Max", "message": "Hello"},{ "time": "13:42:03", "user": "Mike", "message": "Hi"}]);

function callback(respond) {
  for (var i = 0; i < respond.length; i++) {
    var data = respond[i];
    var rowClone = $('.mess_hide').clone().removeClass('mess_hide');
    $('#messages').append(rowClone);
    $('.time', rowClone).html(data.time);
    $('.name', rowClone).html(data.user);
    $('.message', rowClone).html(data.message);
  }
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<table id="messages">
    <tr class="mess_hide">
        <td class="time"></td>
        <td class="name"></td>
        <td class="message"></td>
    </tr>
</table>

4
  • к сожалению на экран ничего не выводится. С чем это может быть связано?
    – Tick-Tack
    3 июл 2017 в 13:24
  • @МаксимБуяков, добавил эмуляцию вывода. Если не выводится - я бы искал проблему в получаемых данных. Можете привести пример неработающего messages.json ?
    – br3t
    3 июл 2017 в 13:29
  • Мне кажется, что сообщения в файле не хранятся в массиве. Подскажите, может ли быть такое?Могу добавить в вопрос запись в файл.
    – Tick-Tack
    3 июл 2017 в 13:36
  • Конечно может. Добавьте.
    – br3t
    3 июл 2017 в 13:39

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.