Как обработать json?

Question

[Владимир Шикльгрубер]

Всем привет. Делаю чат.
Серверная часть (php)

$query = $mysqli->query("SELECT `id`,`time`,`msg`,`user_id` FROM `chat_public` ORDER BY `id` DESC");
                while ($result = $query->fetch_assoc()) {
                    $result_set = $mysqli->query("SELECT * FROM users WHERE id = '$result[user_id]'");
                    $user = $result_set->fetch_array(MYSQLI_ASSOC);
                    $login[] = $user['login'];
                    $mesage[] = $result['msg'];
                    $id_to[] = $result['user_id'];
                    $time_mesage[] = date('Y-m-d(H:i:s)', $result['time']);
                }

                $return = array("login" => $login,"date" => $time_mesage,"mesage" => $mesage,"id_to" => $id_to);
                 echo json_encode($return);

На клиенте

$.ajax({
        url: "/api/index.php?alg=chat&action=chat_display&using=ajax&chat=public",
        cache: false,
        success: function (ResultData) {
            ResultData = JSON.parse(ResultData);

            for (i = 0; i < ResultData.login.length; i++) {
       var Result = "<div class='block_inside'><div class='block_info'><div class='user no_padd'><label for='2' class='no_margin'><span class='flag inline'><span class='flag_country_5'></span></span><div><span class='info'>Ур.<span class='yellow'>36</span></span><a href='#' onclick='selectNick(this)' class='green'>"+ResultData.login+"</a><a href='/profile/enemy/info/"+ResultData.id_to+"'><span class='icon_info'></span></a></div></label> </div><div class='fl_right'><p>"+ResultData.date+"</p></div><div class='clearFix'></div><p>"+ResultData.mesage+"</p></div></div></div><div class='divider marg_top_5 marg_bot_5'></div><div >";

            }
            $(".result_message").html(Result);
        }
    });
}

Сервер возвращает масив вида

{"login":["admin","admin","admin"],"date":["1970-01-01(01:00:00)","2015-07-02(13:16:41)","2015-07-02(13:16:27)"],"mesage":["kkkkkk","\u0422\u0435\u0441\u0442 \u0430\u043f\u0438","9999"],"id_to":["1","1","1"]}

Проблема в том что место 3 смс возвращает одно.

1970-01-01(01:00:00),2015-07-02(13:16:41),2015-07-02(13:16:27)
kkkkkk,Тест апи,9999

Как исправить?

Answer 1

[Алексей Уколов]

Поместить $(".result_message").append(Result); внутрь цикла, разумеется. Ну или вынести Result из цикла и внутри него конкатенировать строку.

Ну а уж если совсем стрельбу по собственным ногам исключить, то так:

$query = $mysqli->query(
	"SELECT chat.id, chat.time, chat.msg, chat.user_id, u.login
	FROM chat_public as chat
	INNER JOIN users as u ON u.id = chat.user_id
	ORDER BY chat.id DESC"
);

$messages = [];

while ($result = $query->fetch_assoc()) {
	$messages[] = [
	    'login' => $result['login'],
	    'text' => $result['msg'],
	    'user_id' => $result['user_id'],
	    'date' => date('Y-m-d(H:i:s)', $result['time']),
	];
}

echo json_encode($messages, JSON_UNESCAPED_UNICODE);

var $xhr = $.getJSON("/api/index.php?alg=chat&action=chat_display&using=ajax&chat=public");

$xhr.done(function (messages) {
	$.each(messages, function(index, message)
	{
		// Тут ваш большой html, я упростил.
		$(".result_message").append('<p>' + message.login + ' / ' + message.date + ' / ' + message.text + '</p>');
	});
});

Comments

[Владимир Шикльгрубер]

Первый вариант не помог. А второй тупо вывод три одинаковых смс (каждое имеет проблему с которой я обратился)

$.ajax({
        url: "/api/index.php?alg=chat&action=chat_display&using=ajax&chat=public",
        cache: false,
        success: function (ResultData) {
            ResultData = JSON.parse(ResultData);

            for (i = 0; i < ResultData.login.length; i++) {
       var Result = "<div class='block_inside'><div class='block_info'><div class='user no_padd'><label for='2' class='no_margin'><span class='flag inline'><span class='flag_country_5'></span></span><div><span class='info'>Ур.<span class='yellow'>36</span></span><a href='#' onclick='selectNick(this)' class='green'>"+ResultData.login+"</a><a href='/profile/enemy/info/"+ResultData.id_to+"'><span class='icon_info'></span></a></div></label> </div><div class='fl_right'><p>"+ResultData.date+"</p></div><div class='clearFix'></div><p>"+ResultData.mesage+"</p></div></div></div><div class='divider marg_top_5 marg_bot_5'></div><div >";
       var string  = string + Result;
            }
            $(".result_message").html(string);
        }

    });
}

[Алексей Уколов]

Потому что инициализировать string нужно до цикла. У вас она каждый раз перезаписывается.

[Владимир Шикльгрубер]

Алексей Уколов: не помогло

function show() {
    $.ajax({
        url: "/api/index.php?alg=chat&action=chat_display&using=ajax&chat=public",
        cache: false,
        success: function (ResultData) {
            ResultData = JSON.parse(ResultData);
            var string = "";
            for (i = 0; i < ResultData.login.length; i++) {
                var Result = "<div class='block_inside'><div class='block_info'><div class='user no_padd'><label for='2' class='no_margin'><span class='flag inline'><span class='flag_country_5'></span></span><div><span class='info'>Ур.<span class='yellow'>36</span></span><a href='#' onclick='selectNick(this)' class='green'>" + ResultData.login + "</a><a href='/profile/enemy/info/" + ResultData.id_to + "'><span class='icon_info'></span></a></div></label> </div><div class='fl_right'><p>" + ResultData.date + "</p></div><div class='clearFix'></div><p>" + ResultData.mesage + "</p></div></div></div><div class='divider marg_top_5 marg_bot_5'></div><div >";
                var string = string + Result;
            }
            $(".result_message").html(string);
        }

    });
}

[Алексей Уколов]

Владимир Шикльгрубер: у вас еще верстка кривая, может, в этом дело.

[Владимир Шикльгрубер]

Алексей Уколов: ваш код вообще не завёлся. SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
/js/libs/jquery/jquery.js
Line 1 Какая версия jquery нужна?

[Алексей Уколов]

Владимир Шикльгрубер: я там забыл success убрать, может, в этом дело. Версия jq тут ни при чем.

[Владимир Шикльгрубер]

Алексей Уколов: скопипастил ваш второй вариант SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
/js/libs/jquery/jquery.js
Line 1

[Владимир Шикльгрубер]

Алексей Уколов: проблема была в плюсике лишнем. Теперь другая(

[Владимир Шикльгрубер]

сервер возвращает

[{"login":"admin","text":"\u0444\u0430\u043a","user_id":"1","date":"1970-01-01(01:00:00)"},{"login":"admin","text":"kkkkkk","user_id":"1","date":"1970-01-01(01:00:00)"},{"login":"admin","text":"\u0422\u0435\u0441\u0442 \u0430\u043f\u0438","user_id":"1","date":"2015-07-02(13:16:41)"},{"login":"admin","text":"9999","user_id":"1","date":"2015-07-02(13:16:27)"}]

[Алексей Уколов]

Владимир Шикльгрубер: какая другая-то?

[Владимир Шикльгрубер]

Алексей Уколов: SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data


...,dc=/\?/;n.parseJSON=function(a){return JSON.parse(a+"")},n.parseXML=function(a)...


jquery.min.js (строка 4, столбец 5303)

[Алексей Уколов]

Если у вас ошибка JSON.parse, значит, сервер отдает невалидный json. Смотрите в консоли во вкладке Network что вам приходит с сервера и ищите другие "плюсики".

[Владимир Шикльгрубер]

Алексей Уколов: вот где был плюсик лишний))

"<div class='divider marg_top_5 marg_bot_5'></div>" +

[Алексей Уколов]

Владимир Шикльгрубер: да, у меня у IDE, видимо, крыша поехала от этого куска html.

[Владимир Шикльгрубер]

Алексей Уколов: а чё с розметкой то?

[Алексей Уколов]

Владимир Шикльгрубер: Вот такой упрощенный вариант у вас работает?

$xhr.done(function (messages) {
	$.each(messages, function (index, message) {
		$(".result_message").append(
			'<p>' + message.login + ' / ' + message.date + ' / ' + message.text + '</p>'
		);
	});
});

[Владимир Шикльгрубер]

Алексей Уколов: нет. Я только что заметил в консоле ошибку
NetworkError: 404 Not Found - 46.63.100.76/game/chat/%5Bobject%20Object%5D" Возникает только если использовать ваш код

[Алексей Уколов]

Владимир Шикльгрубер: да, конечно, я в getJSON ошибся.

[Владимир Шикльгрубер]

Алексей Уколов: исправления прилагаются?)

[Алексей Уколов]

Конечно, поправил

[Владимир Шикльгрубер]

Алексей Уколов: спасибо. Может дадите свой киви и я вам туда пару $ подкину?

[Алексей Уколов]

У меня нет, да и не нужно, мне просто скучно на работе :)