JS函数中的新行

Question

我想得到一个带有换行符的更长的字符串，但它不适用于所有常用命令，如 \n, \r\n，...也不适用 HTML-用于换行的标签. 我是 ASP-Framework 和 JS-Scripting 的新手，我自己找不到解决方案。直到现在我都没有在网上找到正确的提示，当你看看我的具体代码时，你可以帮助我：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>DataGen App</title>
</head>
<body>

  <div>
    <h3>Mitarbeiter</h3>   
  </div>
  <div>
    <input type="button" value="generateSQL" onclick="generate();" />
    <p id="ma" />
  </div>

  <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.3.min.js"></script>
  <script>
      var uri = 'api/mitarbeiter';

      function formatItem(item) {
          return 'INSERT INTO Mitarbeiter VALUES (' + item.Id + ', ' + item.Name + ', ' + item.Vorname + ', ' + item.Bereich + ');';
      }

      function generate() {
          var str = "";
          $.getJSON(uri)
              .done(function (data) {
                  $.each(data, function (key, item) {
                      str = str + "\n" + formatItem(item);
                      $('#ma').text(str);
                  });
              })
      }

  </script>
</body>
</html>

换行符应该在最后一个函数中生成。

非常感谢，祝您度过愉快的一周！

Answer 1

您可以使用 <br> 标签。 <br> 标签插入一个换行符。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>DataGen App</title>
</head>
<body>

  <div>
    <h3>Mitarbeiter</h3>   
  </div>
  <div>
    <input type="button" value="generateSQL" onclick="generate();" />
    <p id="ma" />
  </div>

  <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.3.min.js"></script>
  <script>
      var uri = 'api/mitarbeiter';

      function formatItem(item) {
          return 'INSERT INTO Mitarbeiter VALUES (' + item.Id + ', ' + item.Name + ', ' + item.Vorname + ', ' + item.Bereich + ');';
      }

      function generate() {
          var str = "";
          $.getJSON(uri)
              .done(function (data) {
              console.log(data);
                  $.each(data, function (key, item) {
                      str = str + "<br>" + formatItem(item);
                      $('#ma').html(str);
                  });
              })
      }

  </script>
</body>
</html>

JS函数中的新行

new line in JS-function

javascript

newline

line

break