Help Close

JSON (JavaScript Object Notation) is an open source, language independent, human readable, lightweight data-interchange format. It is most commonly used for asynchronous communication between browser and server through ajax and when an application need to communicate with a remote computer or server through Restful API. This data format is very similar to JavaScript object, It comprise of three different type of structures, first is a name/value pairs which can be called as a property or element, second is a ordered list of values which is called an array and finally, third is a structure which can contain element  or array or both in it and it is called an object. It is a main structure which can contain other object as well.  To validate these documents, you can use JSON-Schema.

Json Online Editor / Json Viewer :-

Json online editor is a web-based tool, designed to create, edit, view, format, and save json online. This tool has multiple features which will help you to create them easily. A list of all its features and functionality are as follows :-

Drag & Drop :-

You can create a them from scratch by using drag and drop feature. To use drag & drop feature, drag a node and drop it on any node, dragged one will be added to the drop one, if it passes the below mentioned rules :-

  1. Elements can only come inside an object.
  2. Array can only come inside an object.
  3. Object can come inside an object or an array.

Once the drag node is added to the drop one, json online editor / json viewer tool will open a popup based on the dragged node type, element popup for element type, array popup for array type and so on, fill all the mandatory fields in the popup and click Set button to finish.

Tree View :-

This view will show your work in a tree structure, you can also expand this, by clicking expand image button on the right hand side of tree view bar.

Text View :-

This view is like a code editor, it will show your work in the text format, you can also expand this, by clicking expand image button on the right hand side of the text bar.

Download :-

You can download your existing work, which you have created using json online editor / json viewer tool. To use this functionality,  click download button on the top bar, this will download a file onto your disk.

Load :-

You can load any of your work into the tool by using load feature. To use this, first copy and paste your existing work  into the text view and click load image button on the text bar.

New :-

This functionality will enable you to remove your existing work from the json online editor / json viewer tool, So that you can start from the scratch.

Copy & Paste :-

You can copy and paste any node into another based on three rules mentioned above in Drag & Drop section. To use Copy & Paste functionality, first select a node which you like to copy, then click the copy and paste icon on tree bar and finally select the node inside which you like to copy your previous selection. This will copy your previously selected one inside new one. This Copy & Paste functionality is very useful, when you want add a new property, which is similar to one of the existing property.

Delete :-

You can delete any node from json online editor / json viewer. To use this delete functionality, first select the node which you like to delete, then click the delete icon on the right side of the bar, once you click the delete icon an confirm dialog will be displayed, asking your confirmation for delete. Confirm dialog will contain two buttons Ok and Cancel, click OK to delete or click Cancel to leave it.

Save Online :-

You can save and share your work by using this functionality. To use this functionality, click the save online button on the top bar. This will save your work on the server and will give you a url with unique id, url can be used to view and edit your saved work and to share your work with your colleagues.

Parsing :-

To parse json in java

  1. How to read and write json in java.
  2. How to parse json in java.

Json Editor


Json Object
Json Element
Json Array
Tree View
Expand Delete Copy/Paste
Online Json Editor

Text View
Expand Load