Как прочитать JSON из URL с помощью JQuery и выбрать одно из ключей / значений, добавляемых к селектору в HTML?

Question

Я новичок в этом, у меня есть бин, который ищет относительные темы в течение нескольких дней, но безуспешно.

URL-адрес от серверной части - это чистые строки JSON:

{ "key 1":"val 1", "key 2":"val 2",... }

Я пытался использовать официальный образец для добавления одного из значений в модальное тело.

$.getJSON( "url", function( data ) {
  var items = [];
  $.each( JSON.parse(JSON.stringify(data), function( key, val ) {
    items.push( "<li id='" + key + "'>" + val + "</li>" );
  });

  $( "<ul/>", { //anyone can explain what is this <ul+/>?
    "class": "my-new-list",
    html: items.join( "" )
  }).appendTo( ".Modal-body" );
});

Но я не могу избежать зацикливания всей строки.

Как получить только один ключ или val?как: ключ 2 или val 2?

Любая помощь или образец будет очень признателен!

Answer 1

Вы, кажется, немного усложняете это.Во-первых, $.getJSON() десериализует ответ на объект для вас, поэтому использование JSON.stringify() и JSON.parse() является излишним.

Во-вторых, если все, что вы хотите прочитать, это один ключ от получившегося объекта, который вы наделилине нужен цикл, вы можете получить к нему доступ напрямую.Единственное, на что следует обратить внимание, это то, что вам нужно будет использовать скобочные обозначения, поскольку имена ключей содержат пробелы.Попробуйте это:

$.getJSON('/yoururl', function(data) {
  var key1 = data['key 1'];
  console.log(key1); // = 'val 1'

  $('#yourSelector').append(key1);
});