C# + html + fetch + API + javascript
本随笔,在html利用fetch去call web api对数据进行添加,修改,更新和删除。
数据库与存储过程,此处略过...
创建entity,方便web api进行互动。
现在可以写Web API,
html 实现添加数据,
js file,
Insus.NET只是在html静态写了数据的表头。数据将是在js动态生成。
动态生成数据行,还有几个按钮 input type as button,当然其的 click事件也将是动态的。
上面的js截图中,还有#1,2,3,4个子function,下面分别详细解释与说明。
function dynamic_table_rendering(data):
function picturebutton_eventlistener(data):
function detailbutton_eventlistener(data):
function deletebutton_eventlistener(data):
最后分析一下数据详细,数据接收传过来的参数,以及fetch对api的操作,如更新,删除等。
function reload_data() 本次Insus.NET实现从数据库重新加载,与前几篇实现不相同。
即是传入记录主键,去数据库select得到更新后的数据。
虽说是从数据搜索来重新加载,但是Insus.NET有想过,页面刷新时,却是要localStorage来加载,上面截图#84行代码。
Insus.NET由于第1次使作 fetch,诸多代码没有写得完美,或许还不足之处,望日后有强劲....
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 2分钟学会 DeepSeek API,竟然比官方更好用!
· .NET 使用 DeepSeek R1 开发智能 AI 客户端
· 10亿数据,如何做迁移?
· 推荐几款开源且免费的 .NET MAUI 组件库
· c# 半导体/led行业 晶圆片WaferMap实现 map图实现入门篇
2017-12-01 C#去除字符串中的反斜杠
2014-12-01 设计模式--中介(Mediator)模式
2011-12-01 输入数字动态创建行