Web Learning

最新推荐文章于 2021-04-14 10:53:17 发布

置顶今年依旧12岁

最新推荐文章于 2021-04-14 10:53:17 发布

阅读量168

点赞数

分类专栏：学习文章标签： Web

本文链接：https://blog.csdn.net/qq_34087199/article/details/100078605

版权

学习专栏收录该内容

43 篇文章 0 订阅

订阅专栏

文章目录

基础架构：

model:新建类
DAL:数据库封装
BLL:封装DAL里的类
controller:作为js->C#的连接器：通常使用：HttpContext类
js:使网页可以动态的加载数据库的数据(数据+css样式)

1. JS生成表格：

function Project_Table() {
    var url = "Ashx/GetTable.ashx?type=project&RandID=" + Math.random();
    var option = "";
    $.ajax({
        type: "GET",
        url: url,
        success: function (data) {
            var obj = eval('(' + data + ')');
            for (var i = 0; i < obj.length; i++) {
                option += "<tr><td id=\" tr" + i + "ID\">" + obj[i].ID + "</td>";
                option += "<td id=\" tr" + i + "project\" >" + obj[i].Project + "</td>";
                option += "<td><a id=\" tr" + i + "delete\" οnclick=\"Delete_Project(this)\">Delete</a></td></tr>";
            }
            $("#project-table-tr").html("");
            $("#project-table-tr").html(option);
        }
    });
}

2. 根据表格内容删除数据库中对应的数据

var rrow = object.parentNode.parentNode.rowIndex;
    var project = $("#project-table tr:eq(" + rrow + ") td:eq(1)").html(); //第二行
    var url = "Ashx/Delete.ashx?type=project&project="+project+"&RandID=" + Math.random();
    $.getJSON(url, function (data) {
        alert(data);
    });

3.给Selectpicker添加option

function Select_Project() {
    var url = "Ashx/GetTable.ashx?type=project&RandID=" + Math.random();
    var option = "";
    $.ajax({
        type: "GET",
        url: url,
        success: function (data) {
        //具体的操作根据返回的data类型的不有所区别
            var obj = eval('(' + data + ')');
            for (var i = 0; i < obj.length; i++) {
                option += "<option value=\"" + obj[i].Project + "\">" + obj[i].Project + "</option>";
            }
            $("#projsele").html("");
            $("#projsele").html(option);
            $("#projsele").selectpicker('refresh');
        }
    });
}