JSON formatter lib

Question

I'm looking for a way to format (as in whitespace, newlines where suitable) a JSON result so that I can display the actual result but well formatted.

$.ajax({
                url: "/Home/Send",
                type: "POST",
                data: JSON.stringify(request),
                dataType: "json",
                contentType: "application/json; charset=utf-8",
                success: function (data) {
                    $("#ResponseBody").val(data.ResponseBody);
                },
                error: function (data) {
                    alert(data);
                }
            });

this is my code, which works fine data.ResponseBody contains the JSON, but as expected, it is not well formatted.

Does anyone know of a jQuery plugin / method that would allow me to format the response?

score 41 · Accepted Answer · answered Nov 04 '11 at 10:26

You can simply use the third parameter of JSON.stringify:

    success: function (data) {
        var obj = JSON.parse(data.ResponseBody);
        $("#ResponseBody").val(JSON.stringify(obj, null, 4));
    },

Don't forget to add a CSS rule like #ResponseBody {white-space: pre;} to make newlines display.

score 2 · Answer 2 · answered Nov 04 '11 at 10:24

2

JSONLint includes that functionality

answered Nov 04 '11 at 10:24

Quentin

914,110
126
1,211
1,335

score 1 · Answer 3 · answered Jul 23 '13 at 14:44

1

I found a very simple code to format JSON.. http://joncom.be/code/javascript-json-formatter/

Hope this will help some one..

answered Jul 23 '13 at 14:44

Dilip Rajkumar

7,006
6
60
76

JSON formatter lib

3 Answers3

Linked