ajax添加数据后如何在网页上显示数据

下面以图文的方式向大家展示。具体内容如下：

今天下午做一个小项目练习。有必要在网页上显示查询日志的内容。起初，我陷入了一场误会。

很长一段时间，我的小项目需要访问ashx来生成html代码。剃刀模板引擎在后台使用。

当用户列表第一次显示时，因为是在另一个界面上显示的(实际上是另一个网页)，所以razor的直接输出没有问题

但是下面这个需要显示在当前页面的底部

当我提交ajax时，razor模板引擎拼接的代码确实返回到了ajax中的数据

不能像上图那样显示。我的想法破灭了。于是，我又开始想办法。因为我需要返回到当前页面，所以可能直接提交表单。但是表单提交需要刷新，很多代码需要修改。我不是很喜欢。我放弃了。我觉得还是有办法的。

创建新页面。但那样的话，上面的扣子就会没了，就不漂亮了。新创建的页面将放置在此页面的底部。怎么说呢？使用ifarme。看起来很麻烦。

百度知道.

不返回网页源代码。返回数据。然后编写循环绑定。

但是我还是不太喜欢，因为我不想放弃剃须刀。

然后.我想到了innerHTML

直接更改元素的html代码，用razor替换代码。替换后，将其发送到ajax data。然后使用innerHTML赋值。没关系

要替换的Html代码

然后在页面上写一个表id='tb'/table。用dom获取这个元素。vartb=文档。getelementbyid(' TB ')；然后tb.innerHTML=上面的那部分HTML代码(由ajax返回)；所以没关系。有没有人觉得这么麻烦？但是我只想用剃刀..

最后，效果图

以上就是网页上显示的针对ajax的查询数据的全部内容，希望对大家有所帮助。