在 textarea 中格式化 JSON

Question

我有一个页面，我想让用户编辑一个应用程序 - 存储在 JSON 中。它看起来像这样：

{"address":{"House_Number":505,
"Street_Direction":"",
"Street_Name":"Claremont",
"Street_Type":"Street",
"Apt":"15L",
"Burough":"Brooklyn",
"State":"NY",
"Zip":"10451",
"Phone":"718-777-7777"},
"casehead":0,
"adults":[{"Last_Name":"Foo",
"First_Name":"A",
"Sex":"M",
"Date_Of_Birth":"01011980"}],
"children":[]}

我正在使用

var pattern = ",", re = new RegExp(pattern, "g");
  casedetails.innerHTML = JSON.stringify(apps[0]).replace(re , ",
");

问题是在我进行更改后，我第一次运行它时，textarea 不显示换行符 - 即使它们在那里！（如果我复制/粘贴它们就会出现）。如果我刷新它会显示换行符。

谁能帮我弄清楚如何在新行上获取 JSON 而不必刷新？我正在使用 IE 9

谢谢！

-汤姆

Answer 1

这应该很简单……看看这个jsFiddle 是否符合您的需求

   var yourObject = {"address":{"House_Number":505,
    "Street_Direction":"",
    "Street_Name":"Claremont",
    "Street_Type":"Street",
    "Apt":"15L",
    "Burough":"Brooklyn",
    "State":"NY",
    "Zip":"10451",
    "Phone":"718-777-7777"},
    "casehead":0,
    "adults":[{"Last_Name":"Foo",
    "First_Name":"A",
    "Sex":"M",
    "Date_Of_Birth":"01011980"}],
    "children":[]};

var textedJson = JSON.stringify(yourObject,undefined, 2);
document.getElementById("json-area").value = textedJson

;

PS 我使用 jQuery 只是为了加快示例速度，但您应该关注的功能是 JSON.stringify