C# + html + fetch + API + javascript

打印 上一主题 下一主题

主题 758|帖子 758|积分 2274

本随笔,在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,诸多代码没有写得完善,大概还不足之处,望日后有强劲....

 







免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

不到断气不罢休

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表