C#动态生成XML并在前台用javascript读取
考虑到网站首页使用动态页面的话会影响服务器性能，所以采用javascript来实现首页的动态更新。原理，以发新闻稿为例，当后台发出一条新闻后，通过访问数据库动态生成一个XML文件，保存新闻的信息，当打开前台页面时，使用javascript读取XML文件并显示。
后台代码：
sseEntities _db = new sseEntities(); var newsToView = (from n in _db.News select n).ToArray().Reverse().ToList(); XmlDocument xd = new XmlDocument(); XmlDeclaration xde; xde = xd.CreateXmlDeclaration("1.0", "GBK", null); xd.AppendChild(xde); XmlElement newslist = xd.CreateElement("newslist"); xd.AppendChild(newslist); XmlNode root = xd.SelectSingleNode("newslist"); XmlElement [] news = new XmlElement ; XmlElement [] text = new XmlElement ; XmlElement [] img = new XmlElement; for (int i = 0; i < 4; i++) { news = xd.CreateElement("news"); text = xd.CreateElement("text"); img = xd.CreateElement("img"); news.SetAttribute("id", i.ToString()); if (i < newsToView.Count) { text.InnerText = newsToView.Title; img.InnerText = "Content/newsimages/slider_item1.png"; } else { text.InnerText = ""; img.InnerText = ""; } news.AppendChild(text); news.AppendChild(img); root.AppendChild(news); } xd.Save(Server.MapPath("../Sources/News.xml")); 前台读取代码：
<script type="text/javascript"> function loadXML(xmlFile) { var xmlDoc; if (!window.ActiveXObject) { var parser = new DOMParser(); xmlDoc = parser.parseFromString(xmlFile, "text/xml"); } else { xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async = "false"; xmlDoc.load(xmlFile); } return xmlDoc; } var xmlDoc = loadXML("Sources/News.xml"); //解析xml文件，判断是否出错 if (xmlDoc.parseError.errorCode != 0) { alert(xmlDoc.parseError.reason); } //获得根节点 var nodes = xmlDoc.documentElement.childNodes; </script>
<div id="newsbody"> <div id="slider"> <div class="sliderItem" id="slide1"> <script type="text/javascript"> document.write("<h3>" + nodes(0).firstChild.nodeTypedValue + "</h3>"); document.write("<img src='" + nodes(0).lastChild.nodeTypedValue + "' alt='' />") </script> </div> <!-- /sliderItem --> <div class="sliderItem" id="slide2" style="display: none"> <script type="text/javascript"> document.write("<h3>" + nodes(1).firstChild.nodeTypedValue + "</h3>"); document.write("<img src='" + nodes(1).lastChild.nodeTypedValue + "' alt='' />") </script> </div> <!-- /sliderItem --> <div class="sliderItem" id="slide3" style="display: none"> <script type="text/javascript"> document.write("<h3>" + nodes(2).firstChild.nodeTypedValue + "</h3>"); document.write("<img src='" + nodes(2).lastChild.nodeTypedValue + "' alt='' />") </script> </div> <!-- /sliderItem --> <div class="sliderItem" id="slide4" style="display: none"> <script type="text/javascript"> document.write("<h3>" + nodes(3).firstChild.nodeTypedValue + "</h3>"); document.write("<img src='" + nodes(3).lastChild.nodeTypedValue + "' alt='' />") </script> </div> </div> <div id="sliderNav"> <a href="#" class="previous">Previous</a> <ul> </ul> <a href="#" class="next">Next</a> </div> </div>
页:
[1]