C#动态生成XML并在前台用javascript读取

mnhkahn

考虑到网站首页使用动态页面的话会影响服务器性能，所以采用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 [4];            XmlElement [] text = new XmlElement [4];            XmlElement [] img = new XmlElement[4];            for (int i = 0; i < 4; i++)            {                news[i] = xd.CreateElement("news");                text[i] = xd.CreateElement("text");                img[i] = xd.CreateElement("img");                news[i].SetAttribute("id", i.ToString());                if (i < newsToView.Count)                {                    text[i].InnerText = newsToView[i].Title;                    img[i].InnerText = "Content/newsimages/slider_item1.png";                }                else                {                    text[i].InnerText = "";                    img[i].InnerText = "";                }                news[i].AppendChild(text[i]);                news[i].AppendChild(img[i]);                root.AppendChild(news[i]);            }            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>