Question

我最近发现了.json文件，我试图在数据值中放入一个多行字符串，但它根本就不起作用。我已经尝试了\ n和\ r和\ n \ r \ n但是当它们从jquery放入我的div时没有工作。

我在这里遗漏了什么吗？这是我的json文件：

{
    "lText": "space\nbreak",
}

这是我的javascript：

$.getJSON("/js/content.json", function (data) {
    $(".lander .title").text(data.lTitle);
    $(".lander .subtitle").text(data.lSubtitle);
    $(".lander .text").text(data.lText);
});

Answer 1

先发制人的答案

div.innerHTML = s.split('\n').join('<br />');

但如果你坚持使用jQuery

$.getJSON("/js/content.json", function (data) {
    $(".lander .title").text(data.lTitle);
    $(".lander .subtitle").text(data.lSubtitle);
    $(".lander .text").html(data.lText.split('\n').join('<br />'));
});

Answer 2

你需要逃避＆＃34; \＆＃34;换行符的字符如下：

{
    "lText": "space\\nbreak",
}

请参阅https://stackoverflow.com/a/42073/1728884

Answer 3

尝试使用此

$.getJSON("/js/content.json", function (data) {
    $(".lander .title").html(data.lTitle);
    $(".lander .subtitle").html(data.lSubtitle);
    $(".lander .text").html(data.lText);
});

将\n更改为<br/>

jquery + json - \ n无效

3 个答案: