Javascript 在文本区域中格式化JSON

Javascript 在文本区域中格式化JSON,javascript,json,internet-explorer-9,textarea,Javascript,Json,Internet Explorer 9,Textarea,我有一个页面,我想让用户编辑存储在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, "adu

我有一个页面,我想让用户编辑存储在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 , ",
");
问题是在我做了更改之后,第一次运行这个程序时,文本区域不会显示换行符-即使它们在那里!(如果我复制/粘贴它们,它们就会出现)。如果我刷新,它会显示换行符

有人能帮我弄清楚如何在不刷新的情况下在新行中获取JSON吗?我正在使用IE9

谢谢


-汤姆这应该很简单。。。 看看这是否符合你的需要

   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

;

另外,我使用jQuery只是为了加快示例的速度,但是您应该关注的功能是
JSON。stringify

这应该非常简单。。。 看看这是否符合你的需要

   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

;

另外,我使用jQuery只是为了加快示例的速度,但是您应该关注的函数是
JSON.stringify

检查.cannot reproduction->?@adeneo。很遗憾,不。在小提琴中,我的条目仍然不在新行。请勾选.cannot reproduction->?@adeneo。很遗憾,不。在小提琴中,我的条目仍然不在新行已从示例中删除jquery…请立即重试抱歉仍然无法工作。现在我看到的是 ;'每个commaSorry后可见的字符,但正则表达式的目的是插入新行??在这种情况下是完全无用的,stringify函数会自动执行…尝试检查从示例中删除的fiddlei jquery…立即尝试抱歉仍然无法工作。现在我看到的是 ;'每个commaSorry后可见的字符,但正则表达式的目的是插入新行??在这种情况下是完全无用的,字符串化功能会自动执行…尝试检查小提琴