Получить с сервера файл содержащий json и распарить его используя jquery?

Question

HexUserHex @HexUserHex

JavaScript

Получить с сервера файл содержащий json и распарить его используя jquery?

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

Вот как пробую:
db.json

[
  {
    "board0": [
      {
        "id": 0,
        "add_date": "2020-04-10 11:48:01",
        "article_name": "",
        "url": "https://",
        "price": "200"
      }
    ]
  },
  {
    "board1": [
      {
        "id": 0,
        "add_date": "2020-04-10 11:26:07",
        "article_name": "306 xtdt",
        "url": "https://",
        "price": "1000"
      }
    ]
  }
]

Как пробую я:

<html>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="noindex">
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

<script>
	function check() {	
		$.getJSON('db.json', function(data) {
         		$.each(data, function(index, element) {
	       			$('body').append($('<div>' + element));
         		});
		});
	}

	check();
</script>

<body>
</body>

</html>

В теории я так понимаю я должен получить вот этот обьект:

{
    "board0": [
      {
        "id": 0,
        "add_date": "2020-04-10 11:48:01",
        "article_name": "",
        "url": "https://",
        "price": "200"
      }
    ]
  },
  {
    "board1": [
      {
        "id": 0,
        "add_date": "2020-04-10 11:26:07",
        "article_name": "306 xtdt",
        "url": "https://",
        "price": "1000"
      }
    ]
  }

Но не получаю ничего.

Вопрос задан более трёх лет назад
90 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Решения вопроса 1

5 комментариев

HexUserHex @HexUserHex Автор вопроса

да.. я локально тестирую) поднял сервер: python -m SimpleHTTPServer 8080 и в корень его закинул данный файл..

Написано более трёх лет назад
Сергей @Ermak1

HexUserHex, element это массив, board1 и board0 - элементы массива, которые тоже являются массивами, а вы их пытаетесь вставить как строку.

Написано более трёх лет назад

Сергей @Ermak1

HexUserHex, вот вам чисто для визуального восприятия:

function check() {	
    $.getJSON('db.json', function(data) {	
	console.log(data);
         		$.each(data, function(index, element) {					
				
					$.each(element,function(key,value){
					$('body').append($('<div><b>' + key + '</b></div>'));
						$.each(value[0],function(idx,val){
						$('body').append($('<div>' + idx + ':' + val + '</div>'));
						});
					});
         		$('body').append($('<br>'));	
         		});
    });
  }

Т.е нужно вложенные элементы тоже обойти.

Написано более трёх лет назад

HexUserHex @HexUserHex Автор вопроса
Сергей, У меня проблема я так думаю с восприятием этих колбеков), и синтаксиса jquery...

$.each(data, function(index, element)... $.each(element,function(key,value)...

Если я верно понимаю то первый аргумент который передается в колбеки в данном случае будет идти всегда либо индекс( в случае массива содержащего обьекты) либо ключ в случае уже доступа к самому значению?
Написано более трёх лет назад
Сергей @Ermak1

HexUserHex, массив может быть ассоциативным или индексным, т.е если ключ указан явно то это ассоциативный и будет являться индексом, если же ключ не указан то массив нумеруется автоматически начиная с 0.
Вы можете вывести index и посмотреть что он содержит, я привел пример с разными наименованиями переменных index-element, key-value, idx-val просто чтобы было наглядно что это значения разных массивов, но можно везде указать function(index, element) т.к это переменные видимые только внутри колбэк функции.

Написано более трёх лет назад