IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 数据的增删查改 -> 正文阅读

[JavaScript知识库]数据的增删查改

数据的增删查改

先实例化 实体模型

查询

LINQ标准查询语句

声明一个变量:var a =from 变量 in 数据源.具体的表

select 变量 ?把整个表的数据都查询出来

return json(a, JsonRequestBehavior.AllowGet)把数据进行返回

?

新增

在页面中先给新增按钮一个单击事件,定义一个方法弹出新增的模态窗体,调用这个方法

例:

?

将页面数据提交到控制器中 完成一个新增的操作

先获取表单中的数据,可以一条一条的获取,也可以序列化表单

序列化

先定义一个变量,通过ID选择器找到需要序列化的from表单 . serializeArray();

例:var dataArr = $("#frm").serializeArray();将表单序列化为 一个数组

提交

用post方法

$.post(“URL”,提交的数据,function(接收回填返回的数据){

alert();弹出返回值

关闭模态框:$(“模态框的ID”).modal(“hide”);

保存更新页面:window.location.reload(dataArr);

});

提交新增数据的方法

定义方法

例:public ActionResult InsertStudent(SYS_Student modStudent){}(通过实体类的方法接收数据)

定义一个变量用来存储新增成功或失败的信息

string str= "";

添加:实例化的实体模型.数据表.Add();

:myModel.SYS_Student.Add(modStudent);

数据保存操作:实例化的实体模型. SaveChanges();

:myModel.SaveChanges() ;

最后要将信息返回

return json(str,JsonRequestBehavior . AllowGet);

修改

  1. 选择需要修改的数据。弹出修改的模态框

$(“模态框的ID”).modal(“show”);

  1. 在模态框中显示需要修改的数据

在控制器定义一个方法通过ID查询出数据

获取数据

$.post(URL,传递的数据{ 属性:属性值},function(){

绑定数据

$(ID).val();通过ID找到然后赋值

例:$("#upStudentName").val(data[0].studentName);

})

  1. 修改模态框中的保存功能(修改功能)

在控制器定义一个方法接收页面传过来的数据

例:public ActionResult UpdateStudent(SYS_Student modStudent)

定义一个变量用来存储修改成功或失败的信息

string str= "";

通过Entry()把修改的数据传递回去.状态码

例:myModel.Entry(modStudent).State = System.Data.Entity.EntityState.Modified;

数据保存操作:实例化的实体模型. SaveChanges();

例:myModel.SaveChanges() ;

最后要将信息返回

return json(str,JsonRequestBehavior . AllowGet);

在页面中定义修改模态框中的保存方法

先定义一个变量,通过ID选择器找到需要序列化的from表单

var arrData = $("#frmModify").serializeArray();

提交数据

用post方法

$.post(“URL”,提交的数据,function(接收回填返回的数据){

alert();弹出返回值

关闭模态框:$(“模态框的ID”).modal(“hide”);

保存更新页面:window.location.reload();

});

删除

写一个input标签,类型为

在页面定义一个方法

弹出一个询问框询问是否删除数据

if (window.confirm("是否删除该数据")) {

声明一个变量来获取元素的value值

用post方法

$.post(“URL”,提交的数据,function(接收回填返回的数据){

alert();弹出返回值

保存更新页面:window.location.reload();

});

在控制器中定义一个方法

例:public ActionResult DeleteStudent(int studentID)

定义一个变量用来存储删除成功或失败的信息

string str= "";

根据ID先查询出需要删除的数据

第一种方法:linq标准查询

例:

?

第二种方法:lamda表达式的方法

例:

?

通过Remove()方法删除需要删除的数据

例:myModel.SYS_Student.Remove(student);

数据保存操作:实例化的实体模型. SaveChanges();

例:myModel.SaveChanges() ;

最后要将信息返回

return json(str,JsonRequestBehavior . AllowGet);

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-10-09 16:11:30  更:2021-10-09 16:12:56 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 23:31:29-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码