使用aspx div从数据库中提取数据

时间:2015-08-19 14:15:09

标签: c# css asp.net

我想从数据库中获取数据到下面代码中的div结构。例如,当数据库中有5条记录时,将由5块面板组成。我正在使用SQL和ASPX。

小组结构;

<div class="panel panel-default text-center">
    <div class="panel-heading"> 
        <span class="fa-stack fa-5x">
            <a href="#"><img src="/images/aa.png" width="100" height="125" /></a>
        </span>
    </div>
    <div class="panel-body">
        <h4><a href="#">Yayın Adı</a></h4>
        <p>0. Sayı</p>
        <p>0 Görüntülenme</p>
        <a href="#" class="btn btn-primary">OKU</a>
    </div>
</div>

1 个答案:

答案 0 :(得分:0)

如果你想使用jQuery,那很简单:

  • 创建一个公开函数以执行数据库查询的Web服务
  • 将ScriptMethod属性添加到函数,将ScriptSerivce标记添加到类
  • 将以下代码添加到您的页面:

    $(document).ready(function() {
        $.ajax({
            type: 'POST',
            url: '/url/to/your/service',
           success:  function(data) {
               //The data object will contain the data returned by your web service
            },
            error: function() { /*Take care of errors here*/ }
        });
    });
    

你也可以在没有jQuery的情况下使用ajax,但这就是我所熟悉的。