解析json填充到html,根据字段将json数据填充到html模板中

本文探讨如何使用C#在ASP.NET Web API中,根据WebAPI返回的JSON数据动态填充HTML模板,实现客户端点击触发服务器端渲染,包括处理列名映射和零值表格展示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我需要使用从Web API调用返回的JSON数据填充HTML。 HTML也是一个模板文件,将会向客户公开。其中客户可以编辑HTML中的一些字段。根据字段将json数据填充到html模板中

例如删除一些标题和列等。假设HTML具有表格数据格式。 每当用户单击客户端上的按钮时,都会执行Web API调用,我们会得到一个JSON数据。 现在这个JSON数据必须根据它所具有的标签加载到HTML模板上。我们不得不使用c#来填充HTML。 所有的渲染(HTML格式)都必须在服务器端进行。 我们也可以使用JavaScript,但现在服务器解决方案在asp.net web-API中。主要要求是渲染必须在服务器端使用任何语言进行。 如何在C#中执行此操作?

HTML

Table Name

Row NamesNewItemsChangedItemsErrorstotal
Types
Properties
Lists
Entries

JSON

{

"Compare Report": {

"Types": {

"NewItems": 0,

"ChangedItems": 0,

"Errors": 0,

"Total": 0

},

"Properties": {

"NewItems": 0,

"ChangedItems": 0,

"Errors": 0,

"Total": 0

},

"Lists": {

"NewItems": 0,

"ChangedItems": 0,

"Errors": 0,

"Total": 0

},

"Entries": {

"NewItems": 0,

"ChangedItems": 0,

"Errors": 0,

"Total": 0

}

}

}

样品台

DqSmm.png

2017-10-04

Sundeep

+0

JSON和HTML之间的关系是什么?也就是说,是表中的行或列表示的NewItems/ChangedItems/Errors/Total? –

+0

对不起,应该有他们关联。现在编辑它。 NewItems/ChangedItems/Errors/Total是列名称 类型/道具/列表/条目是行名称 –

+0

是否列(当前显示为Col1/2/3/4应该表示NewItems/ChangedItems/Errors/Total)?此外,你是否期待一个零表(给定你当前的JSON数据)? –

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值