ToB企服应用市场:ToB评测及商务社交产业平台

标题: C# + html + fetch + API + javascript [打印本页]

作者: 不到断气不罢休 时间: 2024-12-1 09:45
标题: 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，诸多代码没有写得完善，大概还不足之处，望日后有强劲....

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

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)