Any way to "align" a JSON using JQuery?

0

I have a form that returns a JSON with the variable data entered in the input of it.

Below this form, through the use of AJAX, it returns the expected response in JSON format under the button to send the form!

What I want to know is if there is a JQuery library or something that "aligns" the JSON returned so that it is not so raw and "ugly" to the end user.

Example of the returned JSON:

{"results":[{"index":"ALTC.MC_ROBERTS","hits":[{"CONTAINER_ID":"c0000000dp","LIBRARY":"ALTC","TASK":"620","REPORT":"MC_ROBERTS","ISSUE_TITTLE":"MasterCard Grupo 11","ISSUE_DATE":"2018-08-23","INDEXTEXT01T":"3044071-0-3","INDEXTEXT02T":"SCIANITTI MARTIN ALBERTO","INDEXTEXT03N":"999","LINENUM":"005","PLOG":"457031","CRC":"1690321124"},{"CONTAINER_ID":"c0000000dp","LIBRARY":"ALTC","TASK":"620","REPORT":"MC_ROBERTS","ISSUE_TITTLE":"MasterCard Grupo 11","ISSUE_DATE":"2018-08-23","INDEXTEXT01T":"3044071-0-3","INDEXTEXT02T":"SCIANITTI MARTIN ALBERTO","INDEXTEXT03N":"999","LINENUM":"005","PLOG":"457032","CRC":"768121840"},{"CONTAINER_ID":"c0000000dp","LIBRARY":"ALTC","TASK":"620","REPORT":"MC_ROBERTS","ISSUE_TITTLE":"MasterCard Grupo 11","ISSUE_DATE":"2018-08-23","INDEXTEXT01T":"3044071-0-3","INDEXTEXT02T":"SCIANITTI MARTIN ALBERTO","INDEXTEXT03N":"999","LINENUM":"005","PLOG":"457033","CRC":"448363951"},{"CONTAINER_ID":"c0000000dp","LIBRARY":"ALTC","TASK":"620","REPORT":"MC_ROBERTS","ISSUE_TITTLE":"MasterCard Grupo 11","ISSUE_DATE":"2018-08-23","INDEXTEXT01T":"3044071-0-3","INDEXTEXT02T":"SCIANITTI MARTIN ALBERTO","INDEXTEXT03N":"999","LINENUM":"005","PLOG":"457034","CRC":"3900609116"},{"CONTAINER_ID":"c0000000dp","LIBRARY":"ALTC","TASK":"620","REPORT":"MC_ROBERTS","ISSUE_TITTLE":"MasterCard Grupo 11","ISSUE_DATE":"2018-08-23","INDEXTEXT01T":"3044071-0-3","INDEXTEXT02T":"SCIANITTI MARTIN ALBERTO","INDEXTEXT03N":"999","LINENUM":"005","PLOG":"457031","CRC":"1690321124"}

This looks half ugly to the user! Is there any way to make it more friendly through a JQUERY library or an external library ??

Thank you very much!

    
asked by Nacho Zve De La Torre 17.09.2018 в 21:30
source

1 answer

2

Here you have it. It is important that the JSON be valid.

let json = {"results":[{"index":"ALTC.MC_ROBERTS","hits":[{"CONTAINER_ID":"c0000000dp","LIBRARY":"ALTC","TASK":"620","REPORT":"MC_ROBERTS","ISSUE_TITTLE":"MasterCard Grupo 11","ISSUE_DATE":"2018-08-23","INDEXTEXT01T":"3044071-0-3","INDEXTEXT02T":"SCIANITTI MARTIN ALBERTO","INDEXTEXT03N":"999","LINENUM":"005","PLOG":"457031","CRC":"1690321124"},{"CONTAINER_ID":"c0000000dp","LIBRARY":"ALTC","TASK":"620","REPORT":"MC_ROBERTS","ISSUE_TITTLE":"MasterCard Grupo 11","ISSUE_DATE":"2018-08-23","INDEXTEXT01T":"3044071-0-3","INDEXTEXT02T":"SCIANITTI MARTIN ALBERTO","INDEXTEXT03N":"999","LINENUM":"005","PLOG":"457032","CRC":"768121840"}]}]}

test.innerHTML = JSON.stringify(json,null,4);// indentación a 4 espacios
<pre id="test"></pre>
    
answered by 17.09.2018 / 21:51
source