WebApp and backend Interactive check test

In addition to the functionality, we can use the following methods to see the interactive process, the page can not find problems;

What is JSON what is Json,json and how JSON is used

JSON is a data structure that replaces XML, which is smaller and less descriptive than XML, and because of its compactness, the network transmits data to reduce traffic to speed up

So, what exactly is JSON?

JSON is a string of strings except that the elements are labeled with a particular symbol.

{} Double brackets represent objects

[] brackets represent the array

"" In double quotes is a property or value

: A colon indicates that the latter is a value (the value can be a string, a number, or another array or object)

So {"name": "Michael"} can be understood as an object containing the name Michael

And [{"Name": "Michael"},{"name": "Jerry"}] represents an array containing two objects

Of course, you can also use {"Name": ["Michael", "Jerry"]} to simplify the above, which is an object with a name array

PS: There are still a lot of people there are some misunderstanding, why {name: ' JSON '} in the test can not pass,

That's because the latest specification of the JSON official website

If it is a string, it is best to enclose the key or value in double quotation marks, so the above code is {"Name": "JSON"}

Do not refute, the official website is so defined.

=====================================================

1. Object viewing for WebApp and backend interactions (methods and tools)

Using CHROME-F12 to develop tool

Input1+input2 is the account password, you can use the small arrows to identify the names of these controls, and the same as the Seleuim positioning method

For example, Blog Park login System

2. If you get a JSON object in transit and how to view

After copy view parsed all of the JSON below, this site collates him for verification-as follows

You can see that the development has not written too many methods to pass in-to waste your traffic and to request resources from the server waste, if the control does not have or a lot of extra to see it, this is the front-end UI features dot point of view!

https://www.bejson.com/

WebApp and backend Interactive check test