zoukankan      html  css  js  c++  java
  • 让网页显示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.........

      最后,效果图

      

      

      虽然写文章没有多长.但是我卡在这个问题上面真的用了很长时间.从下午到晚上.一遍一遍调试找哪里出错.哪里逻辑不对.各种各样的问题.弄的头都大了.

      但是我相信.同为程序员的你.应该明白我这种情况.卡在一个问题上好久.当时觉的很难.各种努力解决后.回过来看.好像没那么难了.

      最后.我是新手.轻喷.博客园的图片上传太难用了.速度真慢.一个图上传好几次.才成功.歧视我的网络嘛.我是 铁通网.....

  • 相关阅读:
    Kubernetes--k8s---滚动更新--零停机不停服发布服务
    su: 无法设置用户ID: 资源暂时不可用
    linux下SSH服务利用shell脚本实现密钥的批量分发与执行
    Shell脚本实现SSH免密登录及批量配置管理
    Ansible 批量推送公钥到远程服务器
    Python爬虫(十五)_案例:使用bs4的爬虫
    Python爬虫(十四)_BeautifulSoup4 解析器
    Python爬虫(十三)_案例:使用XPath的爬虫
    Python爬虫(九)_非结构化数据与结构化数据
    Python爬虫(十)_正则表达式
  • 原文地址:https://www.cnblogs.com/lansehai/p/4668917.html
Copyright © 2011-2022 走看看