Как разобрать JSON (ключ, значение) Строка на стороне пользовательского интерфейса в javascript

Question

Я использую ReactJs на стороне пользовательского интерфейса, и после создания ajax-вызова для backend-сервиса ответ, который я получаю, представляет собой строку JSON, подобную приведенной ниже, может любой скажите мне, как снова проанализировать его в ключевой паре значений в коде пользовательского интерфейса.

{имя = хуг, transit_To = INIT запрос = что-то, Скип = верно, действие = Submit, Priority = 1, Node = Отправить}

Как я могу получить доступ к пары ключ-значение, как это строка ,

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

Answer 1

Proper JSON может быть проанализирован с использованием JSON.parse. Например.,

const options = JSON.parse('{"name":"xyz","transit_To":"INIT", ...}'); 

Ваш пример строка не отображается надлежащим, JSON, и, таким образом, вы, возможно, придется написать собственный парсер, если вы не имеете никакого контроля над серверной API.

Answer 2

Это не действительный синтаксис JSON, поэтому предполагается, что вы получаете правильный JSON обратно:

$ const parsed_json = JSON.parse('{"name":"xyz","transit_To":"INIT"}'); 
// Object {name: "xyz", transit_To: "INIT"} 

$ parsed_json.name 
// "xyz" 

Answer 3

«Когда вы получите строку JSON в ответ, не смотреть на него.»   Вместо этого, рассматривать его как “ в непрозрачный (!) часть информации, ” и передать его непосредственно к JSON.parse().

Если разбора удалось, то, что вы теперь в ваших руках:   “ структура данных JavaScript. ” В этом случае это будет объект (или хэш) с ключами, такими как name, transit_To и так далее. Который теперь можно рассматривать так же, как и любая такая вещь JavaScript, независимо от того, откуда она взялась.