如何在 jQuery 函数 text() 中添加新行
How to add new line in jQuery function text()
我想在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;
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:ravi@gmail.com Dish: Indian Dishes
我想要这样的输出
UserName: Ravi
ID: 123
Email:ravi@gmail.com
Dish: Indian Dishes
将.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: //...
试试这个...
j查询:
$.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>
您可以使用p
元素,例如append
方法:
detailsDiv.append('<p>UserName: ' + userName + '</p>');
detailsDiv.append('<p>ID: ' + ID + '</p>');
detailsDiv.append('<p>Email: ' + Email + '</p>');
detailsDiv.append('<p>Dish: ' + Dish + '</p>');
相关文章:
- 如何在脚本上添加新行
- 在不刷新整个网格的情况下,向Asp.net网格视图添加新行
- dhtmlx添加新行并启动单元格编辑器
- 如何在Google Geochart图表的工具提示文本中添加新行
- 如何在javascript中每次添加新行时都增加ordre值
- 两个表添加新行按钮-冲突
- 在Spring.message属性中添加新行时出错
- 使用Javascript在文本区域中添加新行
- 在java脚本的第一行之前添加新行
- sails.js更新或添加新行
- 使用ajax向表中添加新行
- 使用一些默认值在剑道网格中添加新行
- 添加新行后无法“刷新”灯丝组表锯响应表
- JQuery 数据表添加新行,如果该行已经存在,请将其删除并为该 ID 插入新行
- 续集 - 向表添加新行并关联表
- 如何在 jQuery 函数 text() 中添加新行
- 在表格顶部添加新行
- 添加新行动态引导日期时间选择器不起作用
- 如何在不影响 Jquery 数据表中其他行的情况下删除选定的现有数据并添加新行
- 分机.js确认方法添加新行字符