JS函数中的新行

时间:2017-06-12 09:47:30

标签: javascript line newline break

我希望获得一个包含换行符的较长字符串,但它不能使用所有常用命令,例如\n, \r\n,...也不能使用HTML-Tags来分隔换行符。 我是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>

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

非常感谢,祝你有个愉快的一周!

1 个答案:

答案 0 :(得分:0)

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

&#13;
&#13;
<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>
&#13;
&#13;
&#13;