如何在jQuery函数中添加新行text（）

我想在jQuery函数中插入新行。如何在jQuery函数中添加新行text（）

$.ajax({ 
     url:"http: //192.168.1.4/Experiements/webservices/api.php", 
     type:"GET", 
     dataType:"json", 
     data:{type:"login", UserName:userId,Password:userPassword}, 
     ContentType:"application/json", 
     success: function(response){       
     alert(JSON.stringify(response));         
       var detailsDiv=$("div#details"); 
       var userName=response[0].User.UserName;        
       var ID=response[0].User.Followers; 
       var Email=response[0].User.email; 
       var Dish=response[0].User.Dish;        
      detailsDiv.text("UserName: "+userName+"ID: "+ID+"Email: "+Email+"Dish: "+Dish); 
     },

入住上面的代码下面一行：detailsDiv.text("UserName: "+userName+"ID: "+ID+"Email:"+Email+"Dish: "+Dish); 这是给输出这样的：UserName: Ravi ID: 123 Email:[email protected] Dish: Indian Dishes

我想输出像

UserName: Ravi 
ID: 123 
Email:[email protected] 
Dish: Indian Dishes

来源

2015-01-02 geeks

'detailsDiv.html（ “用户名： ”+的userName +“
ID： ”+ ID +“
电子邮件：” +电子邮件+ “
碟：” +皿）;' –

[如何在Javascript串联字符串上强制换行符？]（http://stackoverflow.com/questions/15357846/how-to-force-a-line-break-on-a-javascript-concatenated -string） – melancia

您是否真的需要显示所有Ajax代码才能询问显示换行符？ – nnnnnn

变化.text到.html和使用<br>元素，它插入一个换行符：

detailsDiv.html("UserName: "+userName+"<br>ID: "+ID+"<br>Email: "+Email+"<br>Dish: "+Dish); 
//          ^^   ^^     ^^

如果你正在写的XHTML，那么<br>标签必须是封闭的，这样<br />：

detailsDiv.html("UserName: "+userName+"<br />ID: //...

来源

2015-01-02 12:53:31 theonlygusti

我不会推荐这个解决方案，因为使用'.html'意味着在目的地“印刷”的字符不会被消毒，实际上转换为文本。 – blint

那么？消毒，然后添加换行符，然后打印。 – theonlygusti

那么像@ Deena's这样的解决方案是最优的，但是使用'$ .text'而不是'$ .html' – blint

可以使用例如与appendp元素方法：

detailsDiv.append('<p>UserName: ' + userName + '</p>'); 
detailsDiv.append('<p>ID: ' + ID + '</p>'); 
detailsDiv.append('<p>Email: ' + Email + '</p>'); 
detailsDiv.append('<p>Dish: ' + Dish + '</p>');

来源

2015-01-02 12:50:51 antyrat

试试这个......

jQuery：

$.ajax({ 
     url:"http: //192.168.1.4/Experiements/webservices/api.php", 
     type:"GET", 
     dataType:"json", 
     data:{type:"login", UserName:userId,Password:userPassword}, 
     ContentType:"application/json", 
     success: function(response){       
     alert(JSON.stringify(response));         
       var detailsDiv=$("div#details"); 
       var userName=response[0].User.UserName;        
       var ID=response[0].User.Followers; 
       var Email=response[0].User.email; 
       var Dish=response[0].User.Dish;        
      $("#username").html(userName); 
      $("#userid").html(ID); 
      $("#email").html(Email); 
      $("#dish").html(Dish); 
     }, 
});

HTML：

  <p id="username"></p> 
     <p id="userid"></p> 
     <p id="email"></p> 
     <p id="dish"></p>

来源

2015-01-02 12:54:12

如何在jQuery函数中添加新行text（）

回答

相关问题