Question

这很简单，但我找不到任何在任何地方完成的例子。我创建了一个新的ASP网站并拥有以下代码：

    <form id="form1" runat="server">
    <div class="clear_10">&nbsp;</div>
    <div id="load_wrapper">
    &nbsp;
    </div>
    <div id="name_selection_wrapper">
        <p><span>Please enter one of the choices below</span></p>
        <div class="clear_10">&nbsp;</div>
        <div class="user_input">
            <input class="input" type="text" />
            <input type="submit" value="Submit" />
        </div>
        <ul class="name_wrapper">
            <li><span class="dash">-</span>Sue</li>
            <li><span class="dash">-</span>Joe</li>
        </ul>
    </div>
    <div class="clear_10">&nbsp;</div>
</form>

我创建了一个名为People的新数据库，其中包含两个表，一个用于Sue，另一个用于Joe。简单地说，如何传递查询以从我的div load_wrapper中的任一个表中检索和显示信息。

Answer 1

您需要使用后端C＃代码检索数据。

然后，您必须将数据传递到页面。

或者，通过使div具有属性runat='server'并为其提供ID，将您从数据生成的HTML插入到需要的页面中。 div的ID可以在代码隐藏文件中使用，您可以插入一些内部HTML。

如果您想在不进行完整回发的情况下获取信息，则必须从页面获得处理程序和对处理程序的AJAX调用。 JQuery有一个很好的AJAX方法，在.NET 4中创建API是创建处理程序的最简单方法。

另外，如果他们拥有相同的数据，你可以将Joe和Sue放入一个表中，然后添加另一个列，指示数据是否与Joe或Sue相关。

Answer 2

这是一个简单的示例，如何从数据库中检索数据并将其显示在表中（ASP.NET方式，您可以采用的方式，但需要更多的工作）。如果使用DataSource适配器和asp.net控件来显示数据，您将节省大量时间，因为通常您可以通过编写任何代码来显示数据。我没有写任何HTML或C＃后端代码，只是拖放，拖放和鼠标点击......

<强>数据库

enter image description here

<强> HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="Id" DataSourceID="SqlDataSource1">
            <Columns>
                <asp:BoundField DataField="Id" HeaderText="Id" InsertVisible="False" ReadOnly="True" SortExpression="Id" />
                <asp:BoundField DataField="Name" HeaderText="Name" SortExpression="Name" />
                <asp:BoundField DataField="Age" HeaderText="Age" SortExpression="Age" />
            </Columns>
        </asp:GridView>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT * FROM [People]"></asp:SqlDataSource>
    </div>
    </form>
</body>
</html>

<强>输出

enter image description here

加载表信息

2 个答案: