如何在aspx页面的表格中显示数据库中的数据，而不使用Gridview

本文关键字：数据 Gridview 数据库 显示 aspx 表格 | 更新日期: 2023-09-27 18:09:08

我在aspx页面中创建了一个表，我有一些下拉列表，我选择存储到数据库中的值。但现在我想显示下拉列表值从数据库到aspx页表，我已经在设计页面中创建。我只是得到的问题，而在表中显示数据。我为它做了谷歌，但它显示了我aspx.cs编码表创建在。cs页，但我想在aspx页表。不使用HTML和gridview谁能帮助我吗?提前感谢!!

如何在aspx页面的表格中显示数据库中的数据，而不使用Gridview

如果您想使用HTML表格，有两种可能的方法来绑定数据1)在服务器端使用c#绑定数据，你已经在一些例子中看到了2)使用Jquery ajax在客户端获取数据，在success函数中你可以将数据绑定到你的表

使用Ajax调用来获取数据。

<table id="tbDetails" width="800">
<tbody>
<tr><td>Userid</td><td>UserName</td><td>Location</td></tr>
</tbody>
</table>

$.ajax({
     type: "POST",
     url: "Default.aspx/GetDetails",
     data: "{}",
     contentType: "application/json; charset=utf-8",
     dataType: "json",
     success: function (msg) {
         $.each(msg.d, function (index, obj) {
             row += "<tr><td>" + obj.UserId + "</td><td>" + obj.UserName + "</td><td>" + obj.Location + "</td></tr>";
         });
         $("#tbDetails tbody").append(row);
     }
   });

服务器端代码-创建一个web方法并从Ajax调用

[WebMethod]
public static List<UserDetails> GetDetails()
{
    //Write your database logic here and add items in list
    List<UserDetails> details = new List<UserDetails>();
    details.Add(new UserDetails() { Location="aaaa", UserId="adv", UserName="fdfds"  });
    details.Add(new UserDetails() { Location = "bbbb", UserId = "hhhh", UserName = "aaaafds" });
    return details;
}
相关文章：