MVC模式简单的Xml文档解析加Vue渲染
前端代码：
<script src="~/Js/jquery-3.3.1.min.js"></script>
<script src="~/Js/vue.js"></script>
</head>
<body>
<div>
<div id="vue_det">
<ul v-for="mess in message">
<li>{{mess.Code}}</li>
<li>{{mess.EnName}}</li>
<li>{{mess.Name}}</li>
<li>{{mess.Level}}</li>
</ul>
</div>
</div>
<script type="text/javascript">
var vm = new Vue({
el: '#vue_det',
data: {
message: []
}
})
$(function () {
$.ajax({
type: "POST",
url: "/Home/xml",
data: "",
success: function (aaa) {
console.log(aaa);
vm.message = aaa;
}
})
})
</script>
</body>
</html>
控制器代码：
private static List<Domain> domains;
public static List<Domain> Domains
{
get
{
if (domains == null || domains.Count <= 0)
{
domains = new List<Domain>();
XmlDocument doc = new XmlDocument();
doc.Load(HttpRuntime.BinDirectory + "/Resourse/Domains.xml");
foreach (XmlNode node in doc.DocumentElement.ChildNodes)
{
Domain l = new Domain();
l.Code = Convert.ToInt64(node.Attributes["code"].Value);
l.Name = node.Attributes["name"].Value;
l.EnName = node.Attributes["enname"].Value;
l.Level = Convert.ToInt32(node.Attributes["level"].Value);
l.Demo = node.InnerText;//子节点中的text
domains.Add(l);
}
}
return domains;
}
}
public JsonResult xml()
{
return Json(Domains);
}
简单的Ajax请求，返回Json //xml文件内容
MVC模式简单的Xml文档解析加Vue渲染的更多相关文章
- iOS网络编程笔记——XML文档解析
今天利用多余时间研究了一下XML文档解析,虽然现在移动端使用的数据格式基本为JSON格式,但是XML格式毕竟多年来一直在各种计算机语言之间使用,是一种老牌的经典的灵活的数据交换格式.所以我认为还是很有 ...
- jsoup -- xml文档解析
jsoup -- xml文档解析 修改 https://jsoup.org/cookbook/modifying-data/set-attributes https://jsoup.org/cookb ...
- Android XML文档解析(一)——SAX解析
---------------------------------------------------------------------------------------------------- ...
- xml文档解析
XML文档解主要分为四种解析方式,官方提供的两种分别是:DOM 和 SAX,第三方分别是:JDOM 和 DOM4j 测试用的xml文档: <?xml version="1.0" ...
- 用python批量生成简单的xml文档
最近生成训练数据时,给一批无效的背景图片生成对应的xml文档,我用python写了一个简单的批量生成xml文档的demo,遇见了意外的小问题,记录一下. 报错问题为:ImportError: No m ...
- JAVA读取XML，JAVA读取XML文档，JAVA解析XML文档，JAVA与XML，XML文档解析(Document Object Model, DOM)
使用Document Object Model, DOM解析XML文档 也可参考我的新浪博客:http://blog.sina.com.cn/s/blog_43ac5543010190w3.html ...
- XML 文档解析操作
sing System;using System.Data;using System.Configuration;using System.Web;using System.Web.Security; ...
- WSDL 文档-一个简单的 XML 文档
WSDL 文档是利用这些主要的元素来描述某个 web service 的: <portType>-web service 执行的操作 <message>-web service ...
- 6-3 如何解析简单的XML文档
元素节点.元素树 >>> from xml.etree.ElementTree import parse >>> help(parse) Help on funct ...
随机推荐
- Security Software Engineer
Security Software Engineer Are you excited to be part of the VR revolution and work on cutting edge ...
- Windows 7 任务栏图标消失（变透明，仍然占有地方，但是点击无反应）的解决方法
解决方案:清理资源管理器缓存(重启资源管理器) 1.打开程序管理器(ctrl+shift+esc) 2.在进程那里找到"explorer.exe",然后按结束进程 3.然后在文件( ...
- 解决Win10无法安装.Net Framework 3.5，错误代码0x800F081F
重新安装了一遍Win10,但是不知怎的无法安装.net framework 3.5,即便是下载离线安装包也没法用. 网上有人说需要使用win10的ISO文件,个人感觉太麻烦,在这里分享一个很方便的操作 ...
- UI中新增一个右击按钮的过程
1.首先给出增加之后的成品 点击后的界面 3.需要增加的部分 新增一个类:DiglogAddUser 用于操作用户填写的数据,写入数据库等操作 3.1首先在资源文件中定义窗口代号 3.2 枚举出该代 ...
- Spring IOC容器创建bean过程浅析
1. 背景 Spring框架本身非常庞大,源码阅读可以从Spring IOC容器的实现开始一点点了解.然而即便是IOC容器,代码仍然是非常多,短时间内全部精读完并不现实 本文分析比较浅,而完整的IOC ...
- flexible.js结合rem实现移动端自适应布局
1. 配置开发工具(sublime)插件 https://github.com/flashlizi/cssrem 注意: 只有在‘.css’后缀文件才能使用此插件功能 2. 在h ...
- 20165302Exp0 Kali安装 Week1
一,下载 下载网址https://www.kali.org/downloads/ 二,安装(安装过程中有一部分没有截图,因此没有贴上) 创建虚拟机 选择Linux,版本Ubuntu 一直下一步,最后点 ...
- Win10环境Tensorflow-GPU13.1/JupyterNotebook的安装
参考 : Anaconda Tensorflow GPU 版本的安装问题 https://blog.csdn.net/u010977034/article/details/62038698 Windo ...
- jsp二（指令）
一.jsp动作标签: 1)<jsp:forward> 请求转发 相当于之前的request.getRequestDispatcher(..).forward(..); <!--jsp ...
- selenium自动化环境搭建（Windows）
参考内容:虫师<selenium2自动化测试实战-基于python语言> 一.selenium介绍 selenium主要用于web应用程序的自动化测试,还支持所有基于web的管理任务自动化 ...