将 MYSQL 数据库中的数据表插入 HTML 表答案

【问题标题】：Insert a data table from MYSQL Database into a HTML table将 MYSQL 数据库中的数据表插入 HTML 表
【发布时间】：2015-09-23 17:21:26
【问题描述】：

我似乎在任何地方都找不到这个。将 MYSQL 数据库中的表作为 html 放入 html 文档的直接方法。我尝试制作一个长字符串来创建一个表并迭代地调用数据库的值，然后使用 Response.Write() 将其插入。但它总是出现在页面的左上角，我似乎不能把它格式化在我的一个里面，所以它看起来非常不合适。
有人对我如何做到这一点有任何建议吗？
我正在使用 aspx/C#
谢谢，
山姆

【问题讨论】：

欢迎来到 StackOverflow。为了最好地帮助您，您需要提供您使用的代码以及您遇到的确切问题。请参阅how to ask 了解更多信息。

标签： c# html mysql sql

【解决方案1】：

您必须在 html 中创建一个表并放入数据库中的记录：

<table>
 <thead>      
  <tr>
   <th>Name</th>
   <th>Surname</th>
  </tr>
 </thead>
 <tbody>
  <tr>
    <td><% code aspx/C# for column "NAME" in MySQL %></td>
    ...
  </tr>
 </tbody>
</table>

您不能使用 aspx/c# 创建（格式化）布局。它们是两种不同的东西。

【讨论】：

【解决方案2】：

我不知道您是否曾经尝试过 Ajax，但我发现它非常有用。我不知道这是否有帮助。我将数据作为列表传递，然后相应地使用。我的数据是一个帐户对象列表。该 url 是因为我使用的是 MVC，所以你应该相应地更新它。

  $(document).ready(function () {
        $.ajax({
            type: "POST",
            url: "/Accounts/Balance",
            data: "",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            cache: false,
            success: function (data) {
                var grid = "<table>";
                for (var i = 0; i < data.length; i++) {
                    grid += ("<tr><td>" + data[i].AccountNo + "</td></tr>");
                }
                grid += "</table>";
                $("#tableData").html(grid);
            }

        });
    });

【讨论】：