JS函數中的新行

我想用換行符得到更長的字符串，但它不適用於所有常見命令，如\n, \r\n，...也不適用於打破行的HTML標記。我是ASP-Framework和JS-Scripting的新手，我無法自己找到解決方案。到現在爲止我沒有在互聯網上找到正確的提示，你可以幫我，當你看看我的具體代碼：JS函數中的新行

<!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>

換行符應在最後一個函數生成。

非常感謝，祝您有個愉快的一週！

來源

2017-06-12 dafna

的jQuery 2.0.3已經過時。 https://docs.microsoft.com/en-us/aspnet/ajax/cdn/overview#jQuery_Releases_on_the_CDN_0 – GottZ

到換行符問題：您必須使用'
'標記。只是讓你知道：'.text（）'會將它轉換爲純文本。如果你想在那裏扔一些html，你必須將'.text'改成'.html'或者做更高級的東西。只是你知道：如果你使用'.html'，你應該過濾'formatItem'來防止可能的xss – GottZ

嘿，非常感謝。轉換成html文本是有幫助的。謝謝！ – dafna

您可以使用<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>

來源

2017-06-12 09:52:09

JS函數中的新行

回答

相關問題