JSON.stringify 将 \n 添加到数组中答案

【问题标题】：JSON.stringify adding \n to the arrayJSON.stringify 将 \n 添加到数组中
【发布时间】：2014-11-17 05:22:55
【问题描述】：

为什么 \n 附加到 JSON.stringify 之后的值。这是示例链接

 var formData = new Array();
 if ($(this).get(0).tagName.toUpperCase() === 'DIV' ){
        content = $(this).html();
    } 
 alert(JSON.stringify(formData));

注意：Div 中的内容是动态的，我无法控制那里显示的内容。我应该使用 .html() 来获取 Div 中的数据

【问题讨论】：

在您的小提琴中，您是否看到打开的 <div> 文本和关闭的 </div> 之间的空格，您看到您添加了新行，这就是为什么它添加 \n 以指示新行文本格式
因为<div>html中有\n。
如果您将小提琴 div 标签更改为喜欢这个没有空格的<div contenteditable="true" placeholder="" name="content[0]" id="pres_preview_58c57bd0044aa58704f13133b381e97a_0" class="pdfElement tempContent txtfield">Empire City Casino at Yonkers Raceway</div>，则不会添加 \n。这是因为要检索的字符串有换行符，但 HTML 不解释换行符，所以您无法在浏览器中看到它。
还有updated fiddle。
如果你无法控制内容，因为它是动态的，你可以修剪它 content.trim()

标签： javascript jquery html json stringify

【解决方案1】：

您在 div 中添加了一个新行。这就是/n出现的原因

<div contenteditable="true" placeholder=""  name="content[0]" id="pres_preview_58c57bd0044aa58704f13133b381e97a_0" class="pdfElement tempContent txtfield">Empire City Casino at Yonkers Raceway</div>

这样使用。

【讨论】：

【解决方案2】：

将此部分更改为您的代码：formData.push($.trim(content));

【讨论】：

【解决方案3】：

您在 html 中的 div 中添加了新行和大量空格，删除它们将解决问题：

<form name="presentationForm" id="presentationForm" method="post">
    <div contenteditable="true" placeholder=""  name="content[0]" id="pres_preview_58c57bd0044aa58704f13133b381e97a_0" class="pdfElement tempContent txtfield">Empire City Casino at Yonkers Raceway</div>       
</form>       
<input type="button" name="done" value="Done" onClick="javascript: saveTempInfo()">

Updated Fiddle

【讨论】：

【解决方案4】：

因为div标签中有\n

检查这个小提琴：http://jsfiddle.net/7nketLmy/2/

   <div contenteditable="true" placeholder=""  name="content[0]"  id="pres_preview_58c57bd0044aa58704f13133b381e97a_0" class="pdfElement tempContent txtfield">empire City Casino at Yonkers Raceway</div>

【讨论】：