Что такое JSON и зачем мне его использовать?

json

503182 просмотра

16 ответа

Я просмотрел википедию, прогуглил ее и прочитал официальную документацию, но до сих пор не дошел до того, что действительно понимаю, что такое JSON и почему я его использую.

Некоторое время я создавал приложения с использованием PHP, MySQL и Javascript / HTML, и если JSON сможет что-то сделать, чтобы моя жизнь стала проще, или мой код стал лучше, или мой пользовательский интерфейс лучше, я бы хотел узнать об этом. Может ли кто-нибудь дать мне краткое объяснение?

Автор: Ben Источник Размещён: 22.10.2019 07:51

Ответы (16)


633 плюса

Решение

JSON (JavaScript Object Notation) - это легкий формат, который используется для обмена данными. Он основан на подмножестве языка JavaScript (способ построения объектов в JavaScript). Как указано в MDN , некоторые JavaScript не являются JSON, а некоторые JSON не являются JavaScript.

Примером того, где это используется, являются ответы веб-сервисов. В «старые» времена веб-сервисы использовали XML в качестве основного формата данных для передачи обратных данных, но с момента появления JSON ( формат JSON указан в RFC 4627 Дугласом Крокфордом ), он был предпочтительным форматом, потому что он гораздо более легкий

Вы можете найти гораздо больше информации на официальном сайте JSON .

JSON построен на двух структурах:

  • Коллекция пар имя / значение. На разных языках это реализовано как объект, запись, структура, словарь, хеш-таблица, список ключей или ассоциативный массив.
  • Упорядоченный список значений. В большинстве языков это реализовано как массив, вектор, список или последовательность.

Структура JSON



Диаграмма объектов JSON

Диаграмма массива JSON

Диаграмма значений JSON

JSON Строковая диаграмма

JSON Числовая диаграмма

Вот пример данных JSON:

{
     "firstName": "John",
     "lastName": "Smith",
     "address": {
         "streetAddress": "21 2nd Street",
         "city": "New York",
         "state": "NY",
         "postalCode": 10021
     },
     "phoneNumbers": [
         "212 555-1234",
         "646 555-4567"
     ]
 }

JSON в JavaScript

JSON (в Javascript) это строка!

Люди часто предполагают, что все объекты Javascript - это JSON, а JSON - это объект Javascript. Это неверно

В Javascript var x = {x:y}это не JSON , это объект Javascript . Два не одно и то же. Эквивалент JSON (представленный на языке Javascript) будет var x = '{"x":"y"}'. xэто объект типа string, а не объект сам по себе. Для того, чтобы превратить это в полноценный объект Javascript необходимо сначала разобрать его, var x = JSON.parse('{"x":"y"}');, xтеперь объект , но это не JSON больше.

Смотрите Javascript объект против JSON


При работе с JSON и JavaScript может возникнуть соблазн использовать evalфункцию для оценки результата, возвращаемого в обратном вызове, но это не рекомендуется, поскольку в JSON допустимы два символа (U + 2028 и U + 2029), но не в JavaScript (подробнее об этом здесь ).

Поэтому всегда нужно пытаться использовать скрипт Крокфорда, который проверяет допустимый JSON, прежде чем оценивать его. Ссылка на объяснение сценария находится здесь, а здесь - прямая ссылка на файл js. В настоящее время каждый крупный браузер имеет собственную реализацию для этого.

Пример использования парсера JSON (с json из приведенного выше фрагмента кода):

//The callback function that will be executed once data is received from the server
var callback = function (result) {
    var johnny = JSON.parse(result);
    //Now, the variable 'johnny' is an object that contains all of the properties 
    //from the above code snippet (the json example)
    alert(johnny.firstName + ' ' + johnny.lastName); //Will alert 'John Smith'
};

Парсер JSON также предлагает еще один очень полезный метод stringify. Этот метод принимает объект JavaScript в качестве параметра и возвращает строку в формате JSON. Это полезно, когда вы хотите отправить данные обратно на сервер:

var anObject = {name: "Andreas", surname : "Grech", age : 20};
var jsonFormat = JSON.stringify(anObject);
//The above method will output this: {"name":"Andreas","surname":"Grech","age":20}

Два вышеупомянутых метода ( parseи stringify) также принимают второй параметр, который является функцией, которая будет вызываться для каждой клавиши и значения на каждом уровне конечного результата, и каждое значение будет заменено результатом введенной вами функции. (Подробнее об этом здесь )

Кстати, для всех вас, кто думает, что JSON только для JavaScript, прочитайте этот пост, который объясняет и подтверждает иное.


Рекомендации

Автор: Andreas Grech Размещён: 20.12.2008 08:25

55 плюса

Объясненная концепция - без кода или технического жаргона

Что такое JSON? - Как я это объяснил своей жене ТМ

Я: «Это в основном способ общения с кем-то в письменной форме ... но с очень конкретными правилами.

Жена: да ....?

Я: В прозаическом английском правила довольно просты: как в случае с клеткой. Не так с JSON. Есть много способов описать что-то:

• Пример 1. В нашей семье 4 человека: ты, я и 2 ребенка.

• Пример 2. Наша семья: ты, я, малыш1 и малыш2.

• Пример 3: Семья: [ты, я, малыш1, малыш2]

• Пример 4: у нас в семье 4 человека: мама, папа, малыш1 и малыш2.

Жена: Почему они просто не используют простой английский вместо этого?

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

{
                "Family" :  ["Me", "Wife", "Kid1", "Kid2"] 
}

…… и это в основном JSON. Но помните, вы ДОЛЖНЫ соблюдать правила грамматики JSON. Если вы нарушите эти правила, то компьютер просто не поймет (то есть проанализирует) то, что вы пишете.

Жена: Так как мне писать в Json?

Хорошим способом было бы использовать json сериализатор - это библиотека, которая делает тяжелую работу за вас.

Резюме

JSON - это в основном способ передачи данных кому-то с очень и очень конкретными правилами. Использование пар значений и массивов. Эта концепция объясняется, на данный момент стоит прочитать конкретные правила выше.

Автор: BKSpurgeon Размещён: 15.01.2017 01:36

48 плюса

Короче говоря, JSON - это способ сериализации таким образом, что он становится кодом JavaScript. При выполнении (с помощью eval или иным образом) этот код создает и возвращает объект JavaScript, который содержит сериализованные вами данные. Это доступно, потому что JavaScript допускает следующий синтаксис:

var MyArray = [ 1, 2, 3, 4]; // MyArray is now an array with 4 elements
var MyObject = {
    'StringProperty' : 'Value',
    'IntProperty' : 12,
    'ArrayProperty' : [ 1, 2, 3],
    'ObjectProperty' : { 'SubObjectProperty': 'SomeValue' }
}; // MyObject is now an object with property values set.

Вы можете использовать это для нескольких целей. С одной стороны, это удобный способ передачи данных из серверной части в код JavaScript. Таким образом, это часто используется в AJAX.

Вы также можете использовать его в качестве автономного механизма сериализации, который проще и занимает меньше места, чем XML. Существует множество библиотек, позволяющих сериализовать и десериализовывать объекты в JSON для различных языков программирования.

Автор: Vilx- Размещён: 20.12.2008 08:54

31 плюса

Короче говоря, это сценарий для передачи данных о. В некотором смысле альтернатива XML, изначально поддерживающая базовые типы данных, массивы и ассоциативные массивы (пары имя-значение, называемые объектами, потому что именно это они и представляют).

Синтаксис используется в JavaScript, а сам JSON обозначает «JavaScript Object Notation». Однако он стал переносимым и используется на других языках.

Полезная ссылка для деталей здесь:

http://secretgeek.net/json_3mins.asp

Автор: mson Размещён: 21.12.2008 02:35

19 плюса

Формат JSON часто используется для сериализации и передачи структурированных данных по сетевому соединению. Он используется в основном для передачи данных между сервером и веб-приложением, служа альтернативой XML.

Автор: Pinakin Nayi Размещён: 19.01.2012 05:20

16 плюса

JSON - это нотация объектов JavaScript. Это гораздо более компактный способ передачи наборов данных через сетевые соединения по сравнению с XML. Я предлагаю использовать JSON в любых AJAX-подобных приложениях, где XML в противном случае был бы «рекомендуемым» вариантом. Детальность XML добавит времени загрузки и увеличит потребление полосы пропускания ($$$). Вы можете достичь того же эффекта с помощью JSON, и его разметка почти исключительно предназначена для самих данных, а не для базовой структуры.

Автор: Nolte Размещён: 20.12.2008 08:27

11 плюса

общий короткий ответ: если вы используете AJAX для выполнения запросов данных, вы можете легко отправлять и возвращать объекты в виде строк JSON. Доступные расширения Javascript поддерживают вызовы toJSON () для всех типов javascript для отправки данных на сервер в запросе AJAX. Ответы AJAX могут возвращать объекты в виде строк JSON, которые можно преобразовать в объекты Javascript с помощью простого вызова eval, например, если функция AJAX вернула someAjaxFunctionCallReturningJson

"{ \"FirstName\" : \"Fred\", \"LastName\" : \"Flintstone\" }"

Вы могли бы написать в Javascript

var obj = eval("(" + someAjaxFunctionCallReturningJson().value + ")");
alert(obj.FirstName);
alert(obj.LastName);

JSON также можно использовать для полезных нагрузок веб-служб и др., Но это действительно удобно для результатов AJAX.

  • Обновление (десять лет спустя): не делайте этого, используйте JSON.parse
Автор: Steven A. Lowe Размещён: 20.12.2008 08:34

8 плюса

Мне нравится JSON в основном потому, что это так кратко . Для веб-контента, который можно распаковать, это не обязательно имеет большое значение (следовательно, почему x html так популярен). Но бывают случаи, когда это может быть полезным.

Например, для одного проекта я передавал информацию, которую нужно было сериализовать и передавать через XMPP . Поскольку большинство серверов ограничивают объем данных, которые вы можете передавать в одном сообщении, я нашел полезным использовать JSON вместо очевидной альтернативы, XML.

В качестве дополнительного бонуса, если вы знакомы с Python или Javascript, вы уже в значительной степени знаете JSON и можете интерпретировать его без особой подготовки.

Автор: Jason Baker Размещён: 01.01.2009 06:54

8 плюса

Что такое JSON?

JavaScript Object Notation (JSON) - это легкий формат обмена данными, вдохновленный объектными литералами JavaScript.

Значения JSON могут состоять из:

объекты (коллекции пар имя-значение) массивы (упорядоченные списки значений) строки (в двойных кавычках) числа true, false или null

JSON не зависит от языка.

JSON с PHP?

После PHP версии 5.2.0 расширение JSON декодирует и кодирует функциональные возможности по умолчанию.

Json_encode - возвращает JSON-представление значений. Json_decode - декодирует JSON-строку. Json_last_error - возвращает последнюю возникшую ошибку.

Синтаксис и правила JSON?

Синтаксис JSON получен из синтаксиса нотации объектов JavaScript:

Данные в парах имя / значение. Данные разделяются запятыми. В фигурных скобках содержатся объекты. В квадратных скобках содержатся массивы.

Автор: Elangovan Размещён: 19.05.2015 11:00

4 плюса

Мы должны сделать проект в колледже, и мы столкнулись с очень большой проблемой, которая называется Same Origin Policy. Помимо прочего, он делает так, что ваш метод XMLHttpRequest из Javascript не может делать запросы к доменам, отличным от домена, на котором находится ваш сайт.

Например, вы не можете сделать запрос на www.otherexample.com, если ваш сайт находится на www.example.com. JSONRequest позволяет это, но вы получите результат в формате JSON, если этот сайт позволяет это (например, у него есть веб-служба, которая возвращает сообщения в формате JSON). Это одна из проблем, когда вы могли бы использовать JSON, возможно.

Вот что-то практичное: Yahoo JSON

Автор: gljivar Размещён: 20.12.2008 08:42

4 плюса

Разница между JSON и обычным синтаксисом будет следующая (в Javascript)

общепринятый

 function Employee(name, Id, Phone, email){

      this.name = name;
      this.Id = Id;
      this.Phone = Phone;
      this.email = email;
  }

  //access or call it as 

var Emp = new Employee("mike","123","9373849784","mike.Anderson@office.com");

С JSON

если мы используем JSON, мы можем определить по-другому, как

  function Employee(args){

   this.name = args.name;
   this.Id = args.Id;
   this.Phone = args.Phone;
   this.email = args.email;
}

//now access this as...

var Emp = new Employee({'name':'Mike', 'Id':'123', 'Phone':'23792747', 'email':'mike.adnersone@office.com'});

Важно помнить, что, если нам нужно построить класс «Employee» или модал из 100 элементов без метода JSON, мы должны проанализировать все при создании класса. Но с помощью JSON мы можем определить встроенные объекты только тогда, когда определен новый объект для класса.

так что эта строка ниже - способ работы с JSON (простой способ определения вещей)

 var Emp = new Employee({'name':'Mike', 'Id':'123', 'Phone':'23792747', 'email':'mike.adnersone@office.com'});
Автор: Ganesh Vellanki Размещён: 22.10.2014 10:21

2 плюса

Это очень просто JSON обозначает Java Script Object Notation. Думайте об этом как об альтернативе использованию XML для передачи данных между программными компонентами.

Например, я недавно написал несколько веб-сервисов, которые возвращали JSON, и некоторые разработчики Javascript затем написали код, который вызывал сервисы и использовал информацию, возвращенную в этом формате.

Автор: Jon Размещён: 25.06.2009 03:12

2 плюса

JSON (нотация объектов Javascript) - это легкий формат данных для обмена / передачи данных. Его в паре ключ-значение, как в JavaScript. Для REST API его широко используют для передачи данных с сервера на клиент. В настоящее время многие из социальных сетей используют это. Хотя я не считаю это таким же надежным, как XML, в отношении типов данных. XML имеет очень богатые типы данных и XSD. JSON немного не хватает в этом.

При таком же количестве строковых данных JSON будет легче сравнивать с XML, так как XML имеет все открывающие и закрывающие теги и т. Д.

Автор: Shailendra Singh Размещён: 20.11.2015 07:54

2 плюса

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

То, что мне нравится думать о JSON, это именно то, чем он является - язык в мире разных языков. Тем не менее, разница между JSON и другими языками заключается в том, что "все" говорят на "JSON" вместе со своим "родным языком".

Используя пример из реального мира, давайте представим, что у нас есть три человека. Один человек говорит на игбо как на родном языке. Второй человек хотел бы общаться с первым человеком, однако первый человек говорит на йоруба как на своем родном языке.

Что мы можем сделать?

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

В мире программирования первый «человек» - это Python, второй «человек» - это Ruby, а третий «человек» - это JSON, который, как оказалось, может «перевести» Ruby на Python и наоборот! Очевидно, что эта аналогия не идеальна, но как человек, говорящий на двух языках, я считаю, что это простой способ взглянуть на то, как JSON взаимодействует с другими языками программирования.

Автор: Jerel Размещён: 29.03.2018 08:36

0 плюса

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

Джошуа Блох подробно обсуждает это в пункте 85 «Предпочитают альтернативы сериализации Java» (Effective Java 3rd Edition)

Сериализация Java изначально предназначалась для перевода структур данных в формат, который можно было легко передавать или хранить. JSON отвечает этому требованию, без серьезных подвигов, упомянутых выше.

Автор: johnm Размещён: 05.03.2019 03:17

-3 плюса

Попробуйте следующий код для анализа вашего ответа php json: read.php

<script
  src="https://code.jquery.com/jquery-3.2.1.min.js"
  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
  crossorigin="anonymous"></script>
<script type="text/javascript">  
$.ajax({
    url:'index.php',
    data:{},
    type:"POST",
    success:function(result) {
        jsondecoded = $.parseJSON(result);
        $.each(jsondecoded, function(index, value) {
            $("#servers").text($("#servers").text() + " " + value.servername);
            console.log(value.start);
            console.log(value.end);
            console.log(value.id);
        });
    },
    statusCode: {
    404: function() {
      alert( "page not found" );
    }
  }
});
</script>

server.php

<?php 
echo '[{"start":"2017-08-29","end":"2017-09-01","id":"22"},{"start":"2017-09-03","end":"2017-09-06","id":"23"}]';
?>
Автор: amit rawat Размещён: 29.08.2017 08:46
Вопросы из категории :
32x32