Как распарсить JSON от сервера?

Question

[kripok95]

Сервер присылает
[{"id":"1","creation_date":"1449957335","delivery_address":"Kyiv, Amosova, 10","Seller_id":"1","Courier_id":"1","package_cost":"1000","delivery_cost":"100"}]
Не могу не как распарсить и вывести на HTML разметку, помогите, пожалуйста
Как мне быть?

Answer 1

[AnjeyTsibylskij]

Все довольно просто

var string_from_server = '[{"id":"1","creation_date":"1449957335","delivery_address":"Kyiv, Amosova, 10","Seller_id":"1","Courier_id":"1","package_cost":"1000","delivery_cost":"100"}]';

var string_to_object = JSON.parse(string_from_server);

console.log(string_to_object);

Comments

[AnjeyTsibylskij]

kripok95: и Вы хотите достать данные с сервера и использовать их в JS? Если да, то можете использовать данные пример jsfiddle.net/L1827yw2

Answer 2

[Dark_Scorpion]

Приведите пример кода который не работает у вас. Просто на первый взгляд всё просто: есть json строка, из которой легко делается объект, с которым уже стандартное взаимодействие.

Answer 3

[Антон Щербаков]

function rsp(response) {
		var arr = []; // создаем массив 
		for (var i = 0; i < response.length; ++i) {
			// считаем количество записей, выполняем цикл
			var html = '' + 
				'<div>' + 
					response[i].id + // например строим блоки только с id
				'</div>' + 
			''; // строим элементы DOM

			arr.push(html); // пушим в массив 
		};
		return arr.join(''); // возвращаем данные
	}


	function pst(response) {
		var paste = function rsp(response); // запрашиваем ф-цию построения DOM элементов
		$('html').append(paste);
	}


	$.ajax({
		...
		success: function(response) {
			// успешный ответ, сервер вернул какие-то данные
			// проверяем на ошибки
			if (typeof(response) === 'undefined' || response === null) {
				console.log('пустой ответ');
			} else {
				function pst(response); // вызываем функцию добавления данных в контент
			}
		},
		error: function() {
		}
	});