c mvc ajax反填下拉,ajax 显示,删除,批量删除,修改反填功能实现

本文介绍了一个使用jQuery和AJAX实现的用户信息管理系统,通过GET请求获取用户数据,展示在页面上,并提供批量删除功能。通过Delete和Edit函数,可以单个或批量操作用户状态,包括禁用/启用。
摘要由CSDN通过智能技术生成

//文档准备就绪函数

$(function () {

lists();

})

//显示信息

function lists() {

$.ajax({

url: "http://localhost:51071/api/User",

type: "get",

success: function (data) {

//清空tbd

$("#tbd").empty();

for (var item in data) {

//进行拼接

$("#tbd").append(

"

" +

//依次获取字段

"

" +

"

" + data[item].Name + "" +

"

" + data[item].RealName + "" +

"

" + data[item].Telphone + "" +

"

" + data[item].Pass + "" +

"

" + (data[item].Status==0?"禁用":"启用") + "" +

"

" +

"

" +

"

");

}

}

});

}

function Delete(id) {

if (confirm("确认删除?")) {

$.ajax({

url: "http://localhost:1234/api/Student/" + id,

type: "delete",

success: function (data) {

if (data > 0) {

alert("删除成功!共删除了" + data + "条数据");

location.reload();

}

else {

alert("删除失败!");

}

}

});

}

}

// 跳转修改页面

function Edit(id) {

location.href = '/User/Edit/' + id;

}

// 全选

$("#CkAll").click(function () {

$(".Ck").prop("checked", $(this).prop("checked"))

})

//批量删除

function PatchDel() {

if (confirm("确认删除?")) {

var ids = [];

$(".Ck:checked").each(function () {

ids.push($(this).val());

});

$.ajax({

url: "http://localhost:51071/api/User?ids=" + ids,

type: "delete",

success: function (data) {

if (data > 0) {

alert("删除成功!共删除了" + data + "条数据");

location.reload();

}

else {

alert("删除失败!");

}

}

});

}

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值