JSON data is a lightweight data exchange format that is based on a subset and uses a text format that is completely independent of programming languages to store and represent data. Simplicity and clear hierarchical structure make JSON an ideal data exchange language.

JSONThe data is:
JSON (JavaScript Object Notation, JS object tag) It is a lightweight data exchange format. It is based on a subset of ECMAScript (the js specification developed by w3c) and uses a text format that is completely independent of programming languages to store and represent data. Simplicity and clear hierarchical structure make JSON an ideal data exchange language. It is easy for people to read and write, and it is also easy for machines to parse and generate, and effectively improves network transmission efficiency. ——Baidu Encyclopedia
Data transmission is a scenario we often encounter when typing code, front-end and back-end interaction. Giving data a unified format helps us write and parse the data.
json is a data format that is widely used in data interaction with the backend.
Related learning recommendations: javascript video tutorial
The birth of JSON
JSON is (JavaScript Object Notation, JS object markup), which is a data exchange format. Before the emergence of JSON, everyone had been using XML to transfer data. Because XML is a plain text format, it is suitable for exchanging data on the network. XML itself is not complicated, but with the addition of a lot of complex specifications such as DTD, XSD, XPath, and XSLT, any normal software developer will feel overwhelmed when encountering XML. In the end, everyone found that even if you study hard for Months later, I may not be able to figure out the XML specifications.
Finally, one day in 2002, in order to save software engineers who were in dire straits and had been fooled by several giant software companies for a long time, classmate Douglas Crockford invented the JSON super Lightweight data exchange format.
Because JSON is very simple, it quickly became popular in the Web world and became an ECMA standard. Almost all programming languages have libraries for parsing JSON, and in JavaScript, we can use JSON directly because JavaScript has built-in JSON parsing. To turn any JavaScript object into JSON is to serialize the object into a JSON-formatted string so that it can be passed to other computers over the network. If we receive a string in JSON format, we only need to deserialize it into a JavaScript object, and we can use this object directly in JavaScript.
Escape
When we call the jsonp interface or call a js file, garbled characters may occur due to different file encodings. If your file contains non-English characters and the file encoding is inconsistent when calling, garbled characters will also appear.
This is why the data needs to be in a unified format.
JSON is an efficient format for Ajax applications because it enables fast conversion between JavaScript objects and string values. JSON is a syntax for passing objects
JSON is a built-in object that provides stringify and parse methods
stringify converts js objects into strings that conform to json standards
parse converts strings that conform to json standards into js objects
JSON has strict regulations on the type and format of values
The value of the composite type can only be an array or object, not a function, regular expression object, or date object.
There are only four simple types of values: string, numerical value (must be expressed in decimal), Boolean value and null (NaN, Infinity, -Infinity and undefined cannot be used).
Strings must be expressed in double quotes, single quotes cannot be used.
The key name of the object must be placed in double quotes.
No comma can be added after the last member of an array or object.
PS: It should be noted that empty arrays and empty objects are both qualified JSON values, and null itself is also a qualified JSON value.
The syntax rules of JSON
The syntax rules of JSON are very simple, which can be called "elegant and perfect". To sum up, they are:
Array is represented by square brackets ("[]").
Object (Object) is represented by curly brackets ("{}").
Name/value pairs (name/value) are combined into arrays and objects.
The name (name) is placed in double quotes, and the value (value) includes string, numeric value, Boolean value, null, object and array.
The parallel data are separated by commas (",")
Example
The writing format of JSON data is: name/value pairs.
The name in the name/value pair combination is written in front (in double quotes), and the value pair is written in the back, separated by colons,
Значение может быть: числом (целым или с плавающей запятой), строкой (в двойных кавычках), логическим значением (истина или ложь), массивом (в квадратных скобках), объектом (в фигурных скобках), нулем
varjson= {"password":123456,"name":"myname","Booleans":true,"Array":[x,y,z],"object":{}}Или вложенное использование
Escape обзор
Зачем вам нужно escape? В js мы используем js-объекты для обработки, но при обмене данными с бэкендом мы отправляем строки в указанном формате json, поэтому при отправке или получении данных на бэкенд нам нужно экранировать
{name:"myname",password:123456}
"{"name":"myname","password":123456}" Convert json string в объект js и вызовите метод синтаксического анализа:
js object = JSON.parse(json string);
js object в строку json, вызовите метод stringify:
json string = JSON.stringify(js object);
Рекомендации по теме: Видео по программированию курс
The above is the detailed content of What is json data. For more information, please follow other related articles on the PHP Chinese website!
JavaScript Object Models: Deep Copying, Shallow Copying, and Considerations for Java SerializationJul 23, 2025 am 04:07 AMShallow copy only copies the top-level properties of the object, nested reference types share the same memory address, and modifying the copy will affect the original object; deep copy recursively copies all levels to ensure complete independence. For example, using Object.assign or extension operators is a shallow copy, modifying nested objects will reflect the original object; while JSON.parse(JSON.stringify(obj)) or Lodash's _.cloneDeep() can achieve deep copy to avoid mutual influence. In addition, deep copying requires attention to special types of processing such as functions, circular references, and Date. When communicating across languages, the impact of Java serialization on data structures must also be considered.
How to select an HTML element by class or tag name in JS?Jul 23, 2025 am 04:01 AMSelecting HTML elements in JavaScript can be achieved in three ways: 1. Use getElementsByClassName to select by class name, return dynamic HTMLCollection, you need to write the class name, such as 'box', and access the first element through boxes[0]; 2. Use getElementsByTagName to select by tag name, and also return dynamic HTMLCollection, suitable for batch operations such as modifying all li styles; 3. Use querySelectorAll to select by CSS selector, support more complex selection logic, return static NodeList, if only the first match is required, you can use querySe
Working with Dates in JavaScript: A Complete GuideJul 23, 2025 am 03:59 AMJavaScript's date processing requires attention to creating, getting set values, formatting and time zone issues. 1. Create a Date object by using no parameters, timestamps, date strings or components; note that the month starts at 0 and the browser parses the strings may be inconsistent. 2. Use getDate, setDate and other methods to get/set the value, and use getTime() to compare the date. 3. Intl.DateTimeFormat can be used to ensure consistency, and third-party libraries can also be used. 4. UTC method should be used to deal with time zones to avoid confusion. The sending server recommends using UTC and converting it to the backend.
JavaScript Performance Optimization: Debouncing and ThrottlingJul 23, 2025 am 03:57 AMDebouncingdelaysfunctionexecutionuntilafterapauseinactivity,idealforsearchinputsandformvalidation;2.Throttlinglimitsexecutiontoonceperfixedinterval,perfectforscrollandmousemoveevents;bothreduceperformanceloadwhilepreservingUX.
Leveraging JavaScript Proxies and Reflect API for Advanced Metaprogramming with Java InteropJul 23, 2025 am 03:55 AMJavaScriptProxies and ReflectAPI can be used to enhance the interoperability of Java and JavaScript in Nashorn or GraalVM environments. 1. Use Proxy to intercept access to Java objects, such as recording attribute access logs or dynamically modifying the return value, and implementing it through get traps and Reflect.get; 2. You can proxie the Java class itself and control constructor calls through construct traps; 3. Use apply traps to automatically convert parameter types before calling Java methods to improve compatibility between JS and Java; 4. Reflect provides more consistent operation methods, such as Reflect.has
Implementing JavaScript Security Headers in Node.jsJul 23, 2025 am 03:48 AMThe method of setting up JavaScript security headers in Node.js applications is to use Helmet middleware to implement it through the backend. 1. Install and introduce the Helmet package and add it to the Express middleware chain to enable the default security headers; 2. Common security headers include CSP to prevent XSS attacks, X-Content-Type-Options to avoid MIME type guessing, X-Frame-Options to prevent click hijacking, HSTS to force HTTPS access, etc.; 3. CSP policies can be customized to meet external resource loading needs, but 'unsafe-inline' should be avoided, and Nonce or Hash is recommended instead; 4. Enable
Advanced JavaScript Readable and Writable StreamsJul 23, 2025 am 03:47 AMReadable and writable streams in JavaScript achieve efficient data transmission through chunking processing. 1. ReadableStream is used to read data in asynchronously in blocks, suitable for large file reading, HTTP response and other scenarios; 2. WritableStream receives data and processes it, such as writing to files or recording logs; 3. Use the .pipe() method to automatically process back pressure, connecting readable and writable streams; 4. Transform stream can be converted during data flow; 5. In actual use, pay attention to error processing, back pressure control and correct ending of streams. Mastering these key points will help improve big data processing capabilities and performance.
How does hoisting work in JavaScript?Jul 23, 2025 am 03:45 AMVariable and function enhancement is the mechanism by which the JavaScript engine collects declarations into memory during the compilation phase, and does not really move the code. When a variable is declared using var, it will be promoted to the top of the scope, but the assignment remains in place; let and const will also be promoted, but will not be initialized, and it will enter a "temporary dead zone", and an error will be reported when access is reported. Function declarations will be fully promoted, including the function body, so they can be called before declaration; while the function expression only has the variable name promoted, and the function body is still in place. In actual development, suggestions are: 1. Declare variables at the top of the scope; 2. Priority is given to let and const; 3. Avoid calling function expressions or arrow functions before the function; 4. Do not repetitively declare functions and variables with the same name. Understanding the lifting mechanism helps


Hot AI Tools

Undress AI Tool
Undress images for free

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver Mac version
Visual web development tools

VSCode Windows 64-bit Download
A free and powerful IDE editor launched by Microsoft

Dreamweaver CS6
Visual web development tools







