ajax添加数据后如何在网页显示
下面通过图文并茂的方式展示给大家，具体内容如下所述：
今天下午做一个项目小练习.需要把查询日志的内容显示到网页上来.一开始陷入了一个误区.
一直以来我这个小项目需要访问ashx来生成html的代码.后台用的Razor模板引擎.
刚开始显示用户列表时.因为是显示到了另一个界面(其实就是另一个网页).razor直接输出没什么问题
但是下面这个需要显示到当前页面的下面
当我ajax提交后.razor模板引擎拼接后的代码.确是返回到了ajax中的data中
不能像最上面那张图那样显示了.我的想法破灭了.
于是乎,又开始想办法.既然需要返回到当前页面.那么直接表单提交也许可以.但是表单提交需要刷新.还要改好多代码.不太喜欢.就放弃了.感觉还是有办法的.
从新建个页面.但是那样的话上面的那些按钮什么的就没了,不美观.这个新建的页面放到这个页面的下面.怎么放?用ifarme.好像很麻烦.
百度之...
不要返回网页源代码.返回数据.然后写for循环绑定.
不过还是不太喜欢.因为我不想放弃razor.
于是乎...想到了innerHTML
直接改变元素的html代码,用razor替换代码.替换好后.传给ajax的data.然后用innerHTML一赋值.就OK了
需要替换的html代码
然后页面里写一个<table id="tb"></table>.用dom获取此元素.var tb = document.getElementById("tb");然后tb.innerHTML = 上面的那部分html代码(用ajax返回);
于是乎就ok.是不是有人觉的这样麻烦.但是我就是想要用razor.........
最后,效果图
以上所述是针对ajax的查询数据在网页显示的全部内容，希望对大家有所帮助。
相关文章
.NET Core利用BsonDocumentProjectionDefinition和Lookup进行 join
这篇文章主要介绍了.NET Core利用BsonDocumentProjectionDefinition和Lookup进行join关联查询，这里主要介绍一下查询角色的所有用户的例子，文章结合实例代码给大家详细讲解,需要的朋友可以参考下2022-10-10
ASP.NET MVC增加一条记录同时添加N条集合属性所对应的个体
这篇文章介绍了ASP.NET MVC增加一条记录同时添加N条集合属性所对应个体的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-08-08
ASP与ASP.NET互相整合时，其中文COOKIES信息无法被互通共享，当使用ASP.NET写入中文COOKIES信息后，使用ASP进行读取，读出来的却是乱码，而非中文。2010-03-03
asp.net下使用Request.From获取非服务器控件的值的方法
asp.net下使用Request.From获取非服务器控件的值的方法，需要的朋友可以参考下。2010-03-03
在做网站开发的时候，常常需要获取，服务器的一些基本信息，怎么获取呢，请参阅下面的简单介绍：2013-07-07
获取远程网页的内容之一（downmoon原创）...2007-03-03
给定标识哈希类型的密码和字符串，该例程产生一个适合存储在配置文件中的哈希密码，感兴趣的朋友可以参考下本文2013-04-04
本文摘自一位哥们的QQ空间里，自认为方案比较可行，也确实解决了开发中的这一类问题，非原创，写在此是为以后自己能方便的找到，也希望对其他的朋友有帮助。2009-10-10
vs.Net2003无法打开或创建Web应用程序若干解决办法.
这篇文章主要介绍了vs.Net2003无法打开或创建Web应用程序若干解决办法.2006-10-10
ASP.NET 实现图形验证码能够增强网站安全性,防止机器人攻击,本文介绍了如何使用 C# 和 ASP.NET 创建一个简单而有效的图形验证码系统,包括生成随机验证码、绘制验证码图像以及将图像输出到客户端等步骤,感兴趣的朋友一起看看吧2024-03-03
最新评论