合肥Web培训
达内合肥web培训中心

0551-64632511

热门课程

合肥达内Web培训:JS读取XML文件(兼容浏览器)

  • 时间:2016-11-02 17:33
  • 发布:合肥达内Web培训
  • 来源:企业面试题

合肥达内Web培训:JS读取XML文件(兼容浏览器)

1.通过JS读取XML文件,主要是判断各个浏览器

// 加载xml文档

 var loadXML = function (xmlFile) {
 var xmlDoc;
 if (window.ActiveXObject) {
 xmlDoc = new ActiveXObject('Microsoft.XMLDOM');//IE浏览器
 xmlDoc.async = false;
 xmlDoc.load(xmlFile);
 }
 else if (isFirefox=navigator.userAgent.indexOf("Firefox")>0) { //火狐浏览器
 //else if (document.implementation && document.implementation.createDocument) {//这里主要是对谷歌浏览器进行处理
 xmlDoc = document.implementation.createDocument('', '', null);
 xmlDoc.load(xmlFile);
 }
 else{ //谷歌浏览器
 var xmlhttp = new window.XMLHttpRequest();
 xmlhttp.open("GET",xmlFile,false);
 xmlhttp.send(null);
 if(xmlhttp.readyState == 4){
 xmlDoc = xmlhttp.responseXML.documentElement;
 }
 }
 return xmlDoc;
 }
 // 首先对xml对象进行判断
 var checkXMLDocObj = function (xmlFile) {
 var xmlDoc = loadXML(xmlFile);
 if (xmlDoc == null) {
 alert('您的浏览器不支持xml文件读取,于是本页面禁止您的操作,推荐使用IE5.0以上可以解决此问题!');
 window.location.href = '../err.html';
 }
 return xmlDoc;

 }

2.将读取到的xml文件中的数据显示到html文档上
<script type="text/javascript" language="javascript">
 var xmlDoc = checkXMLDocObj('../openClass.xml');//读取到xml文件中的数据
 var a = document.getElementsByTagName("a");//获取所有的A标签
 $(document).ready(function () {
 var nodes;
 if($.browser.msie){ // 注意各个浏览器之间的区别
 nodes = xmlDoc.getElementsByTagName('collage')[0].childNodes; //读取XML文件中需要显示的数据
 }
 else if (isFirefox=navigator.userAgent.indexOf("Firefox")>0){
 nodes = xmlDoc.getElementsByTagName('collage')[0].children; //读取XML文件中需要显示的数据
 }
 else{
 nodes = xmlDoc.getElementsByTagName('resource');
 }
 for (var i = 0; i < a.length; i++) {
 if (a[i].parentNode.nodeName == "SPAN") {
 for (var j = 0; j < nodes.length; j++) {
 var resource = nodes[j];
 var url = resource.getAttribute('url');
 var href=$(a[i]).attr("href");
 if (href == url) {
 var count = resource.getAttribute('click');
 var span = document.createElement("div");
 var str = document.createTextNode("点击率:" + count);
 span.appendChild(str);
 var div = a[i].parentNode.parentNode;
 div.appendChild(span);
 break;
 }
 }
 }
 }
 });
 $(function(){ //通过get请求,将点击率增加
 $(a).mousedown(function(){
 var href = $(this).attr("href");
 $.get("../receive.ashx",{url:href,rd:Math.random()}, function (msg) {
 });
 })
 })
 </script>
3.通过更新ashx文件在服务器上更新对应的xml文件
public void ProcessRequest(HttpContext context)
 {
 context.Response.ContentType = "text/plain";
 string src = context.Request.QueryString["url"];
 string path = context.Server.MapPath("openClass.xml"); //打开xml文件
 XmlDocument xmlDoc = new XmlDocument();
 xmlDoc.Load(path); //注意不能用Xmlload()方法
 XmlNodeList nodeslist = xmlDoc.SelectNodes("/collage/resource"); //找到对应的节点
 foreach (XmlNode node in nodeslist)
 {
 XmlElement xe = (XmlElement)node;
 if (xe.GetAttribute("url") == src)
 {
 int count = int.Parse(xe.GetAttribute("click"));
 count = count + 1;
 xe.SetAttribute("click", count.ToString()); //更新内容
 }
 }
 xmlDoc.Save(path); //保存
 }

合肥达内Web培训为您分享

免费预约22大课程试听课

上一篇:Web App将主宰未来的移动互联网
下一篇:合肥达内Web培训:大规模的前端组件化

前端工程师到底是什么样的呢?

高薪前端具备哪些技能?如何学习前端知识?

怎样使用html5代码实现地理位置介绍

说下如何测试一个新的网站网站

选择城市和中心
贵州省

广西省

海南省