Парсирование json

[Feorayler]

Подскажите как правильно парсировать данные из json в php или html. Чтобы придать красивый вид.
Я новичок в этом и многое не понимаю.

{   "1": {      "oy": 2,      "strengthRate": 1,      "base": 1,      "upItem": 26,      "importance": 27,      "builders": 2,      "title_en": "Frog's burrow 1",      "priceRes": {},      "level": 1,      "title_ru": "Лягушачья нора 1",      "people": 2,      "image": "http://images.gnomograd.com/houses/1.png",      "toItem": 26,      "cat": 1,      "ox": -9,      "price": 25,      "strengthMax": 48,      "repRealPrice": 0.0002,      "buildDelay": 40000,      "repPrice": 0.1,      "dropHit": {         "gasoline": 3      }   }

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

 

[Switch74]

https://learn.javascript.ru/json
http://php.net/manual/ru/book.json.php
получив массив в цикле его обходите и выводите как вам нужно

[Feorayler]

https://learn.javascript.ru/json

http://php.net/manual/ru/book.json.php

получив массив в цикле его обходите и выводите как вам нужно

не то это все: либо я тупой либо не знаю...

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

А мне нужно парсировать данные с другого сайта, чтобы постоянно не переделывать. Во второй ссылке все по 1 строчке и ничего не понятно...

Я где то тут видел тему интересную.. там было что то парсирование данных с другого сайта...

Не хочется делать в ручном режиме просто - геморно все.. Хотя сколько я уже ищу по парсированию можно было сделать парсирование всего ютуба....

[Art Lev]

Используйте цикл foreach (PHP)

[Veseloff]

Что вы имеете в виду под словом «спарсировать»? Мне кажется, что вы что-то не то хотите. Что такое «красиво отображалось»?

[wwt]

сюда же ссылку на гайд по изучению html и css. И всё будет в лучшем виде )

 

PS Честно говоря начинаю уставать от таких тем, типо "у меня есть 5000 рублей, хочу чтобы у меня была машина и я мог её водить, киньте гайд на то как получить права и купить машину за 3 копейки".

[Feorayler]

да при чем тут машина за 5000, речь идет совсем о другом. Спарсировать данные, чтобы отображалось красиво - то есть в дизайне.. Это понятно, что придаст html и css  стили. А вот как спарсировать я не знаю - поэтому и обратился сюда. На джаваскрипт - там вообще ничего судя по всему не знают, и здесь тоже самое. Хочу научиться сам вначале - не научусь буду искать кто научит пусть и за деньги. Я вот одно понять не могу: вы сидите тут на форуме типа "опытные" - так помогите, а если ничего не знаете - так вообще не лезьте в тему

Просто покажите как спарсировать в php данный пример и все.. А объясните что к чему за что отвечает - мне так понятно будет). Я читаю - но нифига не понимаю. Для начинающих ничего нет - есть для тех кто по 6 лет отсидел на програмистов в вузах и прогуливал половину из этого) а для самоучек я ничего не нашел. Не хочу никого обидеть: но если эксперт - то должен наверно понимать в этом, а не просто получить статус на форуме эксперта

[Switch74]

ха-ха-ха... забавный экземпляр

 

В первом посте вы предоставили данные, которые вам требуется "спарсировать" - это значит, что вы их уже получили через PHP или JS, а еще вы определили, что это JSON.

Во втором посте я дал вам ссылки на справочники, в которых описано как работать с JSON в обоих языках (на русском).

Если вы не додумались например в JS использовать var array = JSON.parse('ваши данные'); чтобы превратить их в массив,

а потом использовать цикл на вроде for(var key in array) получая в key ключ, и в array[key] данные по этому ключу выводя это все как вам нужно,

то думаю вам ни кто не сможет помочь в ваших начинаниях

[Art Lev]

да при чем тут машина за 5000, речь идет совсем о другом. Спарсировать данные, чтобы отображалось красиво - то есть в дизайне.. Это понятно, что придаст html и css  стили. А вот как спарсировать я не знаю - поэтому и обратился сюда. На джаваскрипт - там вообще ничего судя по всему не знают, и здесь тоже самое. Хочу научиться сам вначале - не научусь буду искать кто научит пусть и за деньги. Я вот одно понять не могу: вы сидите тут на форуме типа "опытные" - так помогите, а если ничего не знаете - так вообще не лезьте в тему

Просто покажите как спарсировать в php данный пример и все.. А объясните что к чему за что отвечает - мне так понятно будет). Я читаю - но нифига не понимаю. Для начинающих ничего нет - есть для тех кто по 6 лет отсидел на програмистов в вузах и прогуливал половину из этого) а для самоучек я ничего не нашел. Не хочу никого обидеть: но если эксперт - то должен наверно понимать в этом, а не просто получить статус на форуме эксперта

 

Материалов много.  Как сказал:

 

ха-ха-ха... забавный экземпляр

 

В первом посте вы предоставили данные, которые вам требуется "спарсировать" - это значит, что вы их уже получили через PHP или JS, а еще вы определили, что это JSON.

Во втором посте я дал вам ссылки на справочники, в которых описано как работать с JSON в обоих языках (на русском).

Если вы не додумались например в JS использовать var array = JSON.parse('ваши данные'); чтобы превратить их в массив,

а потом использовать цикл на вроде for(var key in array) получая в n ключ, и в array[key] данные по этому ключу выводя это все как вам нужно,

то думаю вам ни кто не сможет помочь в ваших начинаниях

есть даже библиотека, json2.js, хотя стандартные браузеры умеют поддерживать парсинг JSON - это обычный многомерный массив (объект). Только не используйте eval - лучше библиотеку. Я даже вам ее выложу.

/*    json2.js    2015-05-03    Public Domain.    NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.    See http://www.JSON.org/js.html    This code should be minified before deployment.    See http://javascript.crockford.com/jsmin.html    USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD CODE FROM SERVERS YOU DO    NOT CONTROL.    This file creates a global JSON object containing two methods: stringify    and parse. This file is provides the ES5 JSON capability to ES3 systems.    If a project might run on IE8 or earlier, then this file should be included.    This file does nothing on ES5 systems.        JSON.stringify(value, replacer, space)            value       any JavaScript value, usually an object or array.            replacer    an optional parameter that determines how object                        values are stringified for objects. It can be a                        function or an array of strings.            space       an optional parameter that specifies the indentation                        of nested structures. If it is omitted, the text will                        be packed without extra whitespace. If it is a number,                        it will specify the number of spaces to indent at each                        level. If it is a string (such as '\t' or ' '),                        it contains the characters used to indent at each level.            This method produces a JSON text from a JavaScript value.            When an object value is found, if the object contains a toJSON            method, its toJSON method will be called and the result will be            stringified. A toJSON method does not serialize: it returns the            value represented by the name/value pair that should be serialized,            or undefined if nothing should be serialized. The toJSON method            will be passed the key associated with the value, and this will be            bound to the value            For example, this would serialize Dates as ISO strings.                Date.prototype.toJSON = function (key) {                    function f(n) {                        // Format integers to have at least two digits.                        return n < 10                             ? '0' + n                             : n;                    }                    return this.getUTCFullYear()   + '-' +                         f(this.getUTCMonth() + 1) + '-' +                         f(this.getUTCDate())      + 'T' +                         f(this.getUTCHours())     + ':' +                         f(this.getUTCMinutes())   + ':' +                         f(this.getUTCSeconds())   + 'Z';                };            You can provide an optional replacer method. It will be passed the            key and value of each member, with this bound to the containing            object. The value that is returned from your method will be            serialized. If your method returns undefined, then the member will            be excluded from the serialization.            If the replacer parameter is an array of strings, then it will be            used to select the members to be serialized. It filters the results            such that only members with keys listed in the replacer array are            stringified.            Values that do not have JSON representations, such as undefined or            functions, will not be serialized. Such values in objects will be            dropped; in arrays they will be replaced with null. You can use            a replacer function to replace those with JSON values.            JSON.stringify(undefined) returns undefined.            The optional space parameter produces a stringification of the            value that is filled with line breaks and indentation to make it            easier to read.            If the space parameter is a non-empty string, then that string will            be used for indentation. If the space parameter is a number, then            the indentation will be that many spaces.            Example:            text = JSON.stringify(['e', {pluribus: 'unum'}]);            // text is '["e",{"pluribus":"unum"}]'            text = JSON.stringify(['e', {pluribus: 'unum'}], null, '\t');            // text is '[\n\t"e",\n\t{\n\t\t"pluribus": "unum"\n\t}\n]'            text = JSON.stringify([new Date()], function (key, value) {                return this[key] instanceof Date                     ? 'Date(' + this[key] + ')'                     : value;            });            // text is '["Date(---current time---)"]'        JSON.parse(text, reviver)            This method parses a JSON text to produce an object or array.            It can throw a SyntaxError exception.            The optional reviver parameter is a function that can filter and            transform the results. It receives each of the keys and values,            and its return value is used instead of the original value.            If it returns what it received, then the structure is not modified.            If it returns undefined then the member is deleted.            Example:            // Parse the text. Values that look like ISO date strings will            // be converted to Date objects.            myData = JSON.parse(text, function (key, value) {                var a;                if (typeof value === 'string') {                    a =/^(\d{4})-(\d{2})-(\d{2})T(\d{2})\d{2})\d{2}(?:\.\d*)?)Z$/.exec(value);                    if (a) {                        return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],                            +a[5], +a[6]));                    }                }                return value;            });            myData = JSON.parse('["Date(09/09/2001)"]', function (key, value) {                var d;                if (typeof value === 'string' &&                        value.slice(0, 5) === 'Date(' &&                        value.slice(-1) === ')') {                    d = new Date(value.slice(5, -1));                    if (d) {                        return d;                    }                }                return value;            });    This is a reference implementation. You are free to copy, modify, or    redistribute.*//*jslint     eval, for, this *//*property    JSON, apply, call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,    getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join,    lastIndex, length, parse, prototype, push, replace, slice, stringify,    test, toJSON, toString, valueOf*/// Create a JSON object only if one does not already exist. We create the// methods in a closure to avoid creating global variables.if (typeof JSON !== 'object') {    JSON = {};}(function () {    'use strict';        var rx_one = /^[\],:{}\s]*$/,        rx_two = /\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,        rx_three = /"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,        rx_four = /(?:^|:|,)(?:\s*\[)+/g,        rx_escapable = /[\\\"\u0000-\u001f\u007f-\u009f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,        rx_dangerous = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;    function f(n) {        // Format integers to have at least two digits.        return n < 10             ? '0' + n             : n;    }        function this_value() {        return this.valueOf();    }    if (typeof Date.prototype.toJSON !== 'function') {        Date.prototype.toJSON = function () {            return isFinite(this.valueOf())                ? this.getUTCFullYear() + '-' +                        f(this.getUTCMonth() + 1) + '-' +                        f(this.getUTCDate()) + 'T' +                        f(this.getUTCHours()) + ':' +                        f(this.getUTCMinutes()) + ':' +                        f(this.getUTCSeconds()) + 'Z'                : null;        };        Boolean.prototype.toJSON = this_value;        Number.prototype.toJSON = this_value;        String.prototype.toJSON = this_value;    }    var gap,        indent,        meta,        rep;    function quote(string) {// If the string contains no control characters, no quote characters, and no// backslash characters, then we can safely slap some quotes around it.// Otherwise we must also replace the offending characters with safe escape// sequences.        rx_escapable.lastIndex = 0;        return rx_escapable.test(string)             ? '"' + string.replace(rx_escapable, function (a) {                var c = meta[a];                return typeof c === 'string'                    ? c                    : '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);            }) + '"'             : '"' + string + '"';    }    function str(key, holder) {// Produce a string from holder[key].        var i,          // The loop counter.            k,          // The member key.            v,          // The member value.            length,            mind = gap,            partial,            value = holder[key];// If the value has a toJSON method, call it to obtain a replacement value.        if (value && typeof value === 'object' &&                typeof value.toJSON === 'function') {            value = value.toJSON(key);        }// If we were called with a replacer function, then call the replacer to// obtain a replacement value.        if (typeof rep === 'function') {            value = rep.call(holder, key, value);        }// What happens next depends on the value's type.        switch (typeof value) {        case 'string':            return quote(value);        case 'number':// JSON numbers must be finite. Encode non-finite numbers as null.            return isFinite(value)                 ? String(value)                 : 'null';        case 'boolean':        case 'null':// If the value is a boolean or null, convert it to a string. Note:// typeof null does not produce 'null'. The case is included here in// the remote chance that this gets fixed someday.            return String(value);// If the type is 'object', we might be dealing with an object or an array or// null.        case 'object':// Due to a specification blunder in ECMAScript, typeof null is 'object',// so watch out for that case.            if (!value) {                return 'null';            }// Make an array to hold the partial results of stringifying this object value.            gap += indent;            partial = [];// Is the value an array?            if (Object.prototype.toString.apply(value) === '[object Array]') {// The value is an array. Stringify every element. Use null as a placeholder// for non-JSON values.                length = value.length;                for (i = 0; i < length; i += 1) {                    partial[i] = str(i, value) || 'null';                }// Join all of the elements together, separated with commas, and wrap them in// brackets.                v = partial.length === 0                    ? '[]'                    : gap                        ? '[\n' + gap + partial.join(',\n' + gap) + '\n' + mind + ']'                        : '[' + partial.join(',') + ']';                gap = mind;                return v;            }// If the replacer is an array, use it to select the members to be stringified.            if (rep && typeof rep === 'object') {                length = rep.length;                for (i = 0; i < length; i += 1) {                    if (typeof rep[i] === 'string') {                        k = rep[i];                        v = str(k, value);                        if (v) {                            partial.push(quote(k) + (                                gap                                     ? ': '                                     : ':'                            ) + v);                        }                    }                }            } else {// Otherwise, iterate through all of the keys in the object.                for (k in value) {                    if (Object.prototype.hasOwnProperty.call(value, k)) {                        v = str(k, value);                        if (v) {                            partial.push(quote(k) + (                                gap                                     ? ': '                                     : ':'                            ) + v);                        }                    }                }            }// Join all of the member texts together, separated with commas,// and wrap them in braces.            v = partial.length === 0                ? '{}'                : gap                    ? '{\n' + gap + partial.join(',\n' + gap) + '\n' + mind + '}'                    : '{' + partial.join(',') + '}';            gap = mind;            return v;        }    }// If the JSON object does not yet have a stringify method, give it one.    if (typeof JSON.stringify !== 'function') {        meta = {    // table of character substitutions            '\b': '\\b',            '\t': '\\t',            '\n': '\\n',            '\f': '\\f',            '\r': '\\r',            '"': '\\"',            '\\': '\\\\'        };        JSON.stringify = function (value, replacer, space) {// The stringify method takes a value and an optional replacer, and an optional// space parameter, and returns a JSON text. The replacer can be a function// that can replace values, or an array of strings that will select the keys.// A default replacer method can be provided. Use of the space parameter can// produce text that is more easily readable.            var i;            gap = '';            indent = '';// If the space parameter is a number, make an indent string containing that// many spaces.            if (typeof space === 'number') {                for (i = 0; i < space; i += 1) {                    indent += ' ';                }// If the space parameter is a string, it will be used as the indent string.            } else if (typeof space === 'string') {                indent = space;            }// If there is a replacer, it must be a function or an array.// Otherwise, throw an error.            rep = replacer;            if (replacer && typeof replacer !== 'function' &&                    (typeof replacer !== 'object' ||                    typeof replacer.length !== 'number')) {                throw new Error('JSON.stringify');            }// Make a fake root object containing our value under the key of ''.// Return the result of stringifying the value.            return str('', {'': value});        };    }// If the JSON object does not yet have a parse method, give it one.    if (typeof JSON.parse !== 'function') {        JSON.parse = function (text, reviver) {// The parse method takes a text and an optional reviver function, and returns// a JavaScript value if the text is a valid JSON text.            var j;            function walk(holder, key) {// The walk method is used to recursively walk the resulting structure so// that modifications can be made.                var k, v, value = holder[key];                if (value && typeof value === 'object') {                    for (k in value) {                        if (Object.prototype.hasOwnProperty.call(value, k)) {                            v = walk(value, k);                            if (v !== undefined) {                                value[k] = v;                            } else {                                delete value[k];                            }                        }                    }                }                return reviver.call(holder, key, value);            }// Parsing happens in four stages. In the first stage, we replace certain// Unicode characters with escape sequences. JavaScript handles many characters// incorrectly, either silently deleting them, or treating them as line endings.            text = String(text);            rx_dangerous.lastIndex = 0;            if (rx_dangerous.test(text)) {                text = text.replace(rx_dangerous, function (a) {                    return '\\u' +                            ('0000' + a.charCodeAt(0).toString(16)).slice(-4);                });            }// In the second stage, we run the text against regular expressions that look// for non-JSON patterns. We are especially concerned with '()' and 'new'// because they can cause invocation, and '=' because it can cause mutation.// But just to be safe, we want to reject all unexpected forms.// We split the second stage into 4 regexp operations in order to work around// crippling inefficiencies in IE's and Safari's regexp engines. First we// replace the JSON backslash pairs with '@' (a non-JSON character). Second, we// replace all simple value tokens with ']' characters. Third, we delete all// open brackets that follow a colon or comma or that begin the text. Finally,// we look to see that the remaining characters are only whitespace or ']' or// ',' or ':' or '{' or '}'. If that is so, then the text is safe for eval.            if (                rx_one.test(                    text                        .replace(rx_two, '@')                        .replace(rx_three, ']')                        .replace(rx_four, '')                )            ) {// In the third stage we use the eval function to compile the text into a// JavaScript structure. The '{' operator is subject to a syntactic ambiguity// in JavaScript: it can begin a block or an object literal. We wrap the text// in parens to eliminate the ambiguity.                j = eval('(' + text + ')');// In the optional fourth stage, we recursively walk the new structure, passing// each name/value pair to a reviver function for possible transformation.                return typeof reviver === 'function'                    ? walk({'': j}, '')                    : j;            }// If the text is not JSON parseable, then a SyntaxError is thrown.            throw new SyntaxError('JSON.parse');        };    }}());

[rival]

Например нам нужно забрать json из www.site.ru/file.json

На php это можно сделать следующим образом:

$json=file_get_contents('http://www.site.ru/file.json');

//получаем json как массив

$jsonArray=json_decode($json,true);

//получаем json как объект

$jsonObject=json_decode($json);

P.S.- Надеюсь не опечатался, набирал с телефона.