Js获取数据库信息

1:前端View上 创建一个table，如下图：

第一个tr：是中文表的标题  第二个 是 英文版的标题

里面有一个if判断，是为了判断是中午还是英文版本。

真正的内容是 tbody里面  ，这里只需要关心 id=wdglb

 <tbody style="text-align: left;" id="wdglb"></tbody>

 

2:Js获取服务端代码：这里先查询数据，然后在for循环里面给id为 $("#wdglb").append 添加数据，

注意，这里是初始化页面的时候就执行数据，所以需要在初始化的是调用一下这个方法getBankInfo，

如下：

        $(document).ready(function () {
        getBankInfo()
        });

具体js代码

<script type = "text/javascript" >
        function getBankInfo() {
        $.ajax({
        type: "POST",
        url: '@Url.Action("GetContactsInfo")',
        data: { },
        success: function(data) {
        if (data["Successed"])
        {
        $("#wdglb tr").remove();
        if (data.lstMyBankInfo.length === 0)
        {

        }
        else
        {
        for (var i = 0; i < data.lstMyBankInfo.length; i++)
        {
        var d = data.lstMyBankInfo[i];
        $("#wdglb").append("<tr><td><span>" + d.Department + "</span></td><td><span>" + d.Telephone + "</span></td><td><a style=color:#0066cc href='mailto:" + d.Email + "'>  " + d.Email + "</a></td></tr>");
        }
        }
        }
        else
        {
        $.fn.showAlert('ERROR');
        }
        }
        });
        }

        $(document).ready(function () {
        getBankInfo()
        });
 </script>