Работа с JSON и JavaScript

Последнее обновление 18 июля 2019 07:18:45 (UTC / GMT +8 часов)

script1adsense2code

script1adsense3code

Discription

На этой странице вы узнаете о работе с JSON и JavaScript. Мы обсудили JSON.stringify, JSON.parse с примерами.

Мы также обсудили, почему вы не должны использовать JavaScript eval () при работе с JSON.

Что такое сериализация и десериализация

Часто вы найдете эти два термина - сериализацию и десериализацию. В контексте работы с JavaScript и JSON, в двух словах, получение значения JSON из значения JavaScript является сериализацией, а когда это другой способ (JSON - JavaScript) - десериализацией.

JavaScript JSON объект

JSON-объект JavaScript содержит методы, с помощью которых можно преобразовывать значения JavaScript в формат JSON и нотацию JSON в значения JavaScript.

Теперь мы обсудим два метода JSON - JSON.stringify и JSON.parse с примерами.

JSON.stringify

JSON.stringify используется для преобразования значений JavaScript в JSON.

Пример JSON.stringify

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JavaScript JSON.stringify example | JSON tutorial | w3resource</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body onload="w3resource();">
<h1>This is an example of JavaScript JSON.stringify</h1>
<script type="text/javascript">
    function w3resource()
     {
    	var w3r = {};
        w3r.PHP = "w3resource PHP tutorial";
        w3r.Examples = 500;
        var w3r_JSON = JSON.stringify(w3r); // w3r_JSON holds {"PHP":"w3resource PHP tutorial","Examples":500}
        alert (w3r_JSON);
     }
</script>
</body>
</html>

Жить

JS Bin

Посмотреть пример JavaScript JSON.stringify онлайн.

JSON.parse

JSON.parse используется для преобразования нотации JSON в значения JavaScript.

Пример JSON.parse


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JavaScript JSON.parse example | JSON tutorial | w3resource</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body onload="w3resource();">
<h1>This is an example of JavaScript JSON.stringify</h1>
<script type="text/javascript">
        function w3resource()
         {
          var w3r = {};
          w3r.PHP = "w3resource PHP tutorial";
          w3r.Examples = 500;
          var w3r_JSON = JSON.stringify(w3r); // w3r_JSON holds {"PHP":"w3resource PHP tutorial","Examples":500}
          alert(w3r_JSON);
         	var convertToJS = JSON.parse(w3r_JSON);
         	var StringAgain = JSON.stringify(w3r);
         	alert(StringAgain);
         }
  </script>
  </body>
  </html>

Жить

JS Bin

Посмотреть пример JavaScript JSON.parse онлайн.

Почему вы не должны использовать eval () с JSON

Анализировать JSON с помощью eval небезопасно, поскольку eval допускает гораздо больший синтаксис, чем JSON. Даже это может быть расширено до выполнения произвольного кода, что оставляет большую безопасность для вашего сайта.

Предыдущая: PHP json_last_error () функция
Далее: Учебник по модулю Python JSON