Как стилизовать в нормальный вид?

Question

[Никифор Макаров]

В ответ от сервера через ajax приходит такой массив

array(12) {
  [0]=>
  object(RussianPostTrackingRecord)#8 (12) {
    ["operationType"]=>
    string(14) "Экспорт"
    ["operationTypeId"]=>
    int(0)
    ["operationAttribute"]=>
    string(0) ""
    ["operationAttributeId"]=>
    int(0)
    ["operationPlacePostalCode"]=>
    string(0) ""
    ["operationPlaceName"]=>
    string(23) "Сингапур SGSING"
    ["operationDate"]=>
    string(29) "2014-06-19T13:19:00.000+04:00"
    ["itemWeight"]=>
    float(0)
    ["declaredValue"]=>
    float(0)
    ["collectOnDeliveryPrice"]=>
    float(0)
    ["destinationPostalCode"]=>
    string(0) ""
    ["destinationAddress"]=>
    string(0) ""
  }
  [1]=>
  object(RussianPostTrackingRecord)#3 (12) {
    ["operationType"]=>
    string(18) "Обработка"
    ["operationTypeId"]=>
    int(8)
    ["operationAttribute"]=>
    string(45) "Прибыло на территорию РФ"
    ["operationAttributeId"]=>
    int(13)
    ["operationPlacePostalCode"]=>
    string(6) "102320"
    ["operationPlaceName"]=>
    string(42) "Москва-Домодедово АОПП"
    ["operationDate"]=>
    string(29) "2014-06-25T04:17:00.000+04:00"
    ["itemWeight"]=>
    float(0.48)
    ["declaredValue"]=>
    float(0)
    ["collectOnDeliveryPrice"]=>
    float(0)
    ["destinationPostalCode"]=>
    string(0) ""
    ["destinationAddress"]=>
    string(0) ""
  }

 ....................

}

Как это стилизовать, например засунуть в таблицу? Как это лучше сделать?

Answer 1

[Сергей Наломенко]

То, что Вам приходит от сервера — это обычный var_dump, используемый в PHP в основном для вывода отладочной информации.
Сконвертируйте на стороне сервера результат в JSON, и получите объект на фронтенде.

Answer 2

[Никифор Макаров]

То, что Вам приходит от сервера — это обычный var_dump, используемый в PHP в основном для вывода отладочной информации.
Сконвертируйте на стороне сервера результат в JSON, и получите объект на фронтенде.

Собственно теперь на фронтенде получаю json

string(6799) "[{"operationType":"\u042d\u043a\u0441\u043f\u043e\u0440\u0442","operationTypeId":0,"operationAttribute":"","operationAttributeId":0,"operationPlacePostalCode":"","operationPlaceName":"\u0421\u0438\u043d\u0433\u0430\u043f\u0443\u0440 SGSING","operationDate":"2014-06-19T13:19:00.000+04:00","itemWeight":0,"declaredValue":0,"collectOnDeliveryPrice":0,"destinationPostalCode":"","destinationAddress":""},{"operationType":"\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430","operationTypeId":8,"operationAttribute":"\u041f\u0440\u0438\u0431\u044b\u043b\u043e \u043d\u0430 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u044e \u0420\u0424","operationAttributeId":13,"operationPlacePostalCode":"102320","operationPlaceName":"\u041c\u043e\u0441\u043a\u0432\u0430-\u0414\u043e\u043c\u043e\u0434\u0435\u0434\u043e\u0432\u043e \u0410\u041e\u041f\u041f","operationDate":"2014-06-25T04:17:00.000+04:00","itemWeight":0.48,"declaredValue":0,"collectOnDeliveryPrice":0,"destinationPostalCode":"","destinationAddress":""},{"operationType":"\u0418\u043c\u043f\u043e\u0440\u0442","operationTypeId":9,"operationAttribute":"","operationAttributeId":0,"operationPlacePostalCode":"102976","operationPlaceName":"\u041c\u0440 \u041b\u0446 \u0412\u043d\u0443\u043a\u043e\u0432\u043e \u0446\u0435\u0445-1","operationDate":"2014-06-28T03:28:00.000+04:00","itemWeight":0.48,"declaredValue":0,"collectOnDeliveryPrice":0,"destinationPostalCode":"301602","destinationAddress":"\u0423\u0437\u043b\u043e\u0432\u0430\u044f, \u0422\u0443\u043b\u044c\u0441\u043a\u0430\u044f \u043e\u0431\u043b."},{"operationType":"\u041f\u0440\u0438\u0451\u043c \u043d\u0430 \u0442\u0430\u043c\u043e\u0436\u043d\u044e","operationTypeId":11,"operationAttribute":"","operationAttributeId":1,"operationPlacePostalCode":"102976","operationPlaceName":"\u041c\u0440 \u041b\u0446 \u0412\u043d\u0443\u043a\u043e\u0432\u04 3e \u0446\u0435\u0445-1","  ..... ]"

Что дальше не знаю... пытаюсь распарсить ($.parseJSON), вылетает ошибка:
Uncaught SyntaxError: Unexpected token s

Comments

[Сергей Наломенко]

Ну, это у Вас не совсем JSON получился. Посмотрите на примеры правильного json формата, и приведите свой PHP массив объектов к соответствующему виду.
json.org/example

[Александр Таратин]

Никифор Макаров вы теперь от json строки что ли var_dump берете? зачем???

[Никифор Макаров]

Сергей Наломенко: скажите как мой первоначальный var_dump сконвертировать в json?

[Сергей Наломенко]

Никифор Макаров: stackoverflow.com/questions/6836592/serializing-ph...

[Александр Таратин]

Никифор Макаров: никак, просто пишите
echo json_encode(<тут ваш массив>)
без всяких var_dump

[Никифор Макаров]

Александр Таратин: теперь вот такой вид [{"operationType":"\u042d\u043a\u0441\u043f\u043e\u0440\u0442","operationTypeId":0,"operationAttribute":"","operationAttributeId":0,"operationPlacePostalCode":"","operationPlaceName":"\u0421\u0438\u043d\u0433\u0430\u043f\u0443\u0440 SGSING","operationDate":"2014-06-19T13:19:00.000+04:00","itemWeight":0,"declaredValue":0,"collectOnDeliveryPrice":0,"destinationPostalCode":"","destinationAddress":""},{"operationType":"\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430","operationTypeId":8,"operationAttribute":"\u041f\u0440\u0438\u0431\u044b\u043b\u043e \u043d\u0430 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u044e \u0420\u0424","operationAttributeId":13,"operationPlacePostalCode":"102320","operationPlaceName":"\u041c\u043e\u0441\u043a\u0432\u0430-\u0414\u043e\u043c\u043e\u0434\u0435\u0434\u043e\u0432\u043e \u0410\u041e\u041f\u041f","operationDate":"2014-06-25T04:17:00.000+04:00","itemWeight":0.48,"declaredValue":0}]NULL

[Александр Таратин]

Никифор Макаров: Это уже почти что нужно. Символы \u042d восстановятся автоматом если использовать JSON.parse() на стороне javascript, только NULL еще уберите в конце. Он похоже еще каким-то echo выводится после json.

[Никифор Макаров]

Александр Таратин: Вроде избавился от всего ненужного) [{"operationType":"\u042d\u043a\u0441\u043f\u043e\u0440\u0442","operationTypeId":0,"operationAttribute":"","operationAttributeId":0,"operationPlacePostalCode":"","operationPlaceName":"\u0421\u0438\u043d\u0433\u0430\u043f\u0443\u0440 SGSING","operationDate":"2014-06-19T13:19:00.000+04:00","itemWeight":0,"declaredValue":0,"collectOnDeliveryPrice":0,"destinationPostalCode":"","destinationAddress":""},{"operationType":"\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430","operationTypeId":8,"operationAttribute":"\u041f\u0440\u0438\u0431\u044b\u043b\u043e \u043d\u0430 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u044e \u0420\u0424","operationAttributeId":13,"operationPlacePostalCode":"102320","operationPlaceName":"\u041c\u043e\u0441\u043a\u0432\u0430-\u0414\u043e\u043c\u043e\u0434\u0435\u0434\u043e\u0432\u043e \u0410\u041e\u041f\u041f","operationDate":"2014-06-25T04:17:00.000+04:00","itemWeight":0.48,"declaredValue":0,"collectOnDeliveryPrice":0,"destinationPostalCode":"","destinationAddress":""},{"operationType":"\u0418\u043c\u043f\u043e\u0440\u0442","operationTypeId":9,"operationAttribute":"","operationAttributeId":0,"operationPlacePostalCode":"102976","operationPlaceName":"\u041c\u0440 \u041b\u0446 \u0412\u043d\u0443\u043a\u043e\u0432\u043e \u0446\u0435\u0445-1","operationDate":"2014-06-28T03:28:00.000+04:00","itemWeight":0.48,"declaredValue":0,"collectOnDeliveryPrice":0,"destinationPostalCode":"301602","destinationAddress":"\u0423\u0437\u043b\u043e\u0432\u0430\u044f, \u0422\u0443\u043b\u044c\u0441\u043a\u0430\u044f \u043e\u0431\u043b."},{"operationType":"\u041f\u0440\u0438\u0451\u043c \u043d\u0430 \u0442\u0430\u043c\u043e\u0436\u043d\u044e","operationTypeId":11,"operationAttribute":"","operationAttributeId":1,"operationPlacePostalCode":"102976","operationPlaceName":"\u041c\u0440 \u041b\u0446 \u0412\u043d\u0443\u043a\u043e\u0432\u043e \u0446\u0435\u0445-1","operationDate":"2014-06-28T03:40:00.000+04:00","itemWeight":0.48,"declaredValue":0,"collectOnDeliveryPrice":0,"destinationPostalCode":"","destinationAddress":""},{"operationType":"\u0422\u0430\u043c\u043e\u0436\u0435\u043d\u043d\u043e\u0435 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435","operationTypeId":14,"operationAttribute":"\u0412\u044b\u043f\u0443\u0441\u043a \u0442\u0430\u043c\u043e\u0436\u043d\u0438","operationAttributeId":1,"operationPlacePostalCode":"102976","operationPlaceName":"\u041c\u0440 \u041b\u0446 \u0412\u043d\u0443\u043a\u043e\u0432\u043e \u0446\u0435\u0445-1","operationDate":"2014-06-28T03:41:00.000+04:00","itemWeight":0.48,"declaredValue":0,"collectOnDeliveryPrice":0,"destinationPostalCode":"","destinationAddress":""},{"operationType":"\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430","operationTypeId":8,"operationAttribute":"\u041f\u043e\u043a\u0438\u043d\u0443\u043b\u043e \u043c\u0435\u0441\u0442\u043e \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u043e\u0433\u043e \u043e\u0431\u043c\u0435\u043d\u0430","operationAttributeId":6,"operationPlacePostalCode":"102976","operationPlaceName":"\u041c\u0440 \u041b\u0446 \u0412\u043d\u0443\u043a\u043e\u0432\u043e \u0446\u0435\u0445-1","operationDate":"2014-06-30T03:33:00.000+04:00","itemWeight":0,"declaredValue":0,"collectOnDeliveryPrice":0,"destinationPostalCode":"","destinationAddress":""},{"operationType":"\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430","operationTypeId":8,"operationAttribute":"\u0421\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0430","operationAttributeId":0,"operationPlacePostalCode":"140983","operationPlaceName":"\u041c\u043e\u0441\u043a\u043e\u0432\u0441\u043a\u0438\u0439 \u0410\u0441\u0446 \u0446\u0435\u0445 \u041f\u043e\u0441\u044b\u043b\u043e\u043a","operationDate":"2014-07-02T00:18:00.000+04:00","itemWeight":0,"declaredValue":0,"collectOnDeliveryPrice":0,"destinationPostalCode":"","destinationAddress":""},{"operationType":"\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430","operationTypeId":8,"operationAttribute":"\u041f\u043e\u043a\u0438\u043d\u0443\u043b\u043e \u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043e\u0447\u043d\u044b\u0439 \u0446\u0435\u043d\u0442\u0440","operationAttributeId":4,"operationPlacePostalCode":"140980","operationPlaceName":"\u041c\u043e\u0441\u043a\u043e\u0432\u0441\u043a\u0438\u0439 \u0410\u0441\u0446 \u0446\u0435\u0445 \u041b\u043e\u0433\u0438\u0441\u0442\u0438\u043a\u0438","operationDate":"2014-07-02T12:15:00.000+04:00","itemWeight":0,"declaredValue":0,"collectOnDeliveryPrice":0,"destinationPostalCode":"","destinationAddress":""},{"operationType":"\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430","operationTypeId":8,"operationAttribute":"\u041f\u043e\u043a\u0438\u043d\u0443\u043b\u043e \u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043e\u0447\u043d\u044b\u0439 \u0446\u0435\u043d\u0442\u0440","operationAttributeId":4,"operationPlacePostalCode":"300971","operationPlaceName":"\u0422\u0443\u043b\u0430 \u0426\u041e\u0421\u041f","operationDate":"2014-07-04T08:22:00.000+04:00","itemWeight":0,"declaredValue":0,"collectOnDeliveryPrice":0,"destinationPostalCode":"","destinationAddress":""},{"operationType":"\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430","operationTypeId":8,"operationAttribute":"\u041f\u043e\u043a\u0438\u043d\u0443\u043b\u043e \u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043e\u0447\u043d\u044b\u0439 \u0446\u0435\u043d\u0442\u0440","operationAttributeId":4,"operationPlacePostalCode":"301679","operationPlaceName":"\u041d\u043e\u0432\u043e\u043c\u043e\u0441\u043a\u043e\u0432\u0441\u043a \u043f\u043e\u0447\u0442\u0430\u043c\u0442","operationDate":"2014-07-04T11:26:00.000+04:00","itemWeight":0,"declaredValue":0,"collectOnDeliveryPrice":0,"destinationPostalCode":"","destinationAddress":""},{"operationType":"\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430","operationTypeId":8,"operationAttribute":"\u041f\u0440\u0438\u0431\u044b\u043b\u043e \u0432 \u043c\u0435\u0441\u0442\u043e \u0432\u0440\u0443\u0447\u0435\u043d\u0438\u044f","operationAttributeId":2,"operationPlacePostalCode":"301602","operationPlaceName":"\u0423\u0437\u043b\u043e\u0432\u0430\u044f 2","operationDate":"2014-07-05T10:54:00.000+04:00","itemWeight":0,"declaredValue":0,"collectOnDeliveryPrice":0,"destinationPostalCode":"","destinationAddress":""},{"operationType":"\u0412\u0440\u0443\u0447\u0435\u043d\u0438\u0435","operationTypeId":2,"operationAttribute":"\u0412\u0440\u0443\u0447\u0435\u043d\u0438\u0435 \u0430\u0434\u0440\u0435\u0441\u0430\u0442\u0443","operationAttributeId":1,"operationPlacePostalCode":"301602","operationPlaceName":"\u0423\u0437\u043b\u043e\u0432\u0430\u044f 2","operationDate":"2014-07-05T17:10:00.000+04:00","itemWeight":0.483,"declaredValue":0,"collectOnDeliveryPrice":0,"destinationPostalCode":"","destinationAddress":""}]

[Александр Таратин]

Никифор Макаров: Ну теперь то работает?

[Никифор Макаров]

Александр Таратин: нет, теперь проблема в след., пытаюсь
$.parseJSON(data);
$.each(data, function(i, item) {
console.log(data[i].operationType);
});​ , но еще после загрузки страницы получаю "Uncaught SyntaxError: Unexpected token ILLEGAL"

[Александр Таратин]

Никифор Макаров: Используйте JSON.parse - доступен начиная с ie8+

[Александр Таратин]

Никифор Макаров:
> "Uncaught SyntaxError: Unexpected token ILLEGAL"
На какой строке вылетает эта ошибка?

[Никифор Макаров]

Александр Таратин: жаловался на " ; " в конце, убрал теперь выполняется с ошибкой

Uncaught TypeError: Cannot use 'in' operator to search for '6798' in [{"operationType":"\u042d\u043a\u0441\u043f\u043e\u0440\u0442","operationTypeId":0,"operationAttribute":"","operationAttributeId":0,"operationPlacePostalCode":"","operationPlaceName":"\u0421\u0438\u043d\u0433\u0430\u043f\u0443\u0440 SGSING","operationDate":"2014-06- .......

[Александр Таратин]

Никифор Макаров: Боюсь я так не смогу помочь - не понятно точно, на что у вас там ругается.

[Никифор Макаров]

Александр Таратин: Если напишу на почту, вы не против?

[Александр Таратин]

Никифор Макаров: А какая разница? И там и тут текст. Могу только посоветовать внимательнее вчитаться в отладчик.

[Никифор Макаров]

Александр Таратин: спасибо, это самый правильный совет, дело в моей невнимательности... Всё получилось!