js xml加载和读取

最新推荐文章于 2019-12-17 16:02:10 发布

ninetowns2008

最新推荐文章于 2019-12-17 16:02:10 发布

阅读量1.8k

点赞数

分类专栏： Jsp

Jsp 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

window.ActiveXObject

(window.ActiveXObject) 什么意思?

解：判断浏览器是否支持ActiveX控件，如果浏览器支持ActiveX控件可以利用

var xml=new ActiveXObject("Microsoft.XMLHTTP");创建XMLHttpRequest 对象（这是在IE7以前的版本中）；在较新的IE版本中可以利用 var xml=new ActiveXObject("Msxml2.XMLHTTP")的形式创建XMLHttpRequest对象;而在IE7及非IE浏览器中可以利用var xml=new XMLHttpRequest()创建XMLHttpRequest对象。

创建XMLHttpRequest 对象，必须考虑到浏览器兼容问题

创建XMLHTTPRequest对象

对了，说到区别，我们这里来看看怎么来声明（使用）它，在使用XMLHTTPRequest对象发送请求和处理响应之前，我们必须要用javascript创建一个XMLHTTPRequest对象。（IE把XMLHTTPRequest实现为一个ActiveX对象，其他的浏览器[如Firefox/Safari/Opear]则把它实现为一个本地的javascript对象）。下面我们就来看看具体怎么运用javascript来创建它吧：

js用来区别IE与其他浏览器及IE6-8之间的方法。

1、document.all
2、!!window.ActiveXObject;

使用方法如下：

if (document.all){
alert(”IE浏览器”);
}else{
alert(”非IE浏览器”);
}

if (!!window.ActiveXObject){
alert(”IE浏览器”);
}else{
alert(”非IE浏览器”);
}

下面是区别IE6、IE7、IE8之间的方法：

首先我们确保这个浏览器为IE的情况下，进行了在一次的检测，如果你对此有怀疑，可以测试一下。

我这里就直接使用在判断中了，你也可以将他们先进行声明成变量进行使用。据说火狐以后也会加入document.all这个方法，所以建议使用第二种方法，应该会安全一些。

【补充：】

open()只是初始化，做好准备发送，
send()才是发送请求。
AJAX是异步的，也就是说，它不是等上一步执行完再去执行下一步，从服务端去处理的时候，它是不会等服务端处理完，返回值回来，再去执行下面的代码的。
当服务器执行完后，返回来的结果，由回调函数来处理，你这个回调函数就是：stateChange（）
它会根据状态的值来处理。状态的值为4表示从服务端已处理完成了。status为200表示处理成功了，没有问题

 
       <%--   
      
       // 加载xml文档 
      
       loadXML = function (xmlFile) { 
      
       var xmlDoc; 
      
       if 
       (window.ActiveXObject) {  
      
       //xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); 
      
       xmlDoc = 
       new 
       ActiveXObject( 
       "microsoft.xmldom" 
       );  
      
       xmlDoc.async = 
       false 
       ;  
      
       xmlDoc.load(xmlFile); 
      
       } 
      
       else 
       if 
       (document.implementation && document.implementation.createDocument) { 
      
       xmlDoc = document.implementation.createDocument( 
       '' 
       , 
       '' 
       ,  
       null 
       ); 
      
       xmlDoc.load(xmlFile); 
      
       } 
      
       else 
      
       { 
       return 
       null 
       ; } 
      
       return 
       xmlDoc;  
      
       } 
      
       function CreateTree() { 
      
       var xmlDoc = loadXML( 
       'KnowledgeMapXmlData.xml' 
       ); 
      
       if 
       (xmlDoc ==  
       null 
       ) { 
      
       return 
       ; 
      
       } 
      
       var firstXmlNodes = xmlDoc.documentElement; 
      
       for 
       (var i = 0; i < firstXmlNodes.childNodes.length; i++) { 
      
       var firstNodeName = firstXmlNodes.childNodes[i].attributes[0].text; 
      
       var seconXmlNodes = firstXmlNodes.childNodes[i]; 
      
       for 
       (var j = 0; j < seconXmlNodes.childNodes.length; j++) { 
      
       var secondNodeName = seconXmlNodes.childNodes[j].attributes[0].text; 
      
       var thirdXmlNodes = seconXmlNodes.childNodes[j]; 
      
       for 
       (var k = 0; k < thirdXmlNodes.childNodes.length; k++) { 
      
       var thirdNodeName = thirdXmlNodes.childNodes[k].attributes[0].text; 
      
       } 
      
       } 
      
       } 
      
       } 
      
       --%>

JS读取并输出xml文件节点及属性（兼容IE，FF）
这个东西让我好难找啊，不过还是找到了。

好东东不能自己藏着，发出来分享一下了，^_^ |

book.html 代码如下：

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript">
var xmlDoc;
var browse="";
function loadXML()
{
    var fileRoute="books.xml"
    if (window.ActiveXObject)
    {
        xmlDoc = new ActiveXObject('Msxml2.DOMDocument');
        xmlDoc.async=false;
        xmlDoc.load(fileRoute);
        browse="ie";
    }
    else if (document.implementation && document.implementation.createDocument)
    {
        xmlDoc=document.implementation.createDocument('', '', null);
        xmlDoc.load(fileRoute);
        browse="ff";
    }
    else
    {
    alert( '未做与该浏览器的兼容！');
    }
}

function getmessage()
{
    var msg='<table border="1" cellspacing="0" cellpadding="0" width="500">';
    msg+='<tr><td width="90"></td><td width="100">图书编号</td><td width="100">种类编号</td><td width="110">图书名称</td><td width="100">作者</td></tr>'
    if(browse=="ff")
    {
        var cNodes = xmlDoc.getElementsByTagName("book");
        for(j=0;j<cNodes.length;j++)
        {
            var bookID=xmlDoc.getElementsByTagName("book")[j].getAttribute("id");
            var sortID=xmlDoc.getElementsByTagName("book")[j].getAttribute("sortID");
            var bookTitle=xmlDoc.getElementsByTagName("title")[j].childNodes[0].nodeValue;
            var bookAuthor=xmlDoc.getElementsByTagName("author")[j].childNodes[0].nodeValue;
            msg+='<tr><td>'+j+'</td><td>'+bookID+'</td><td width="100">'+sortID+'</td><td width="190">'+bookTitle+'</td><td width="120">'+bookAuthor+'</td></tr>'
        }

    }

ninetowns2008

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js xml加载和读取

window.ActiveXObject(window.ActiveXObject) 什么意思?解：判断浏览器是否支持ActiveX控件，如果浏览器支持ActiveX控件可以利用var xml=new ActiveXObject("Microsoft.XMLHTTP");创建XMLHttpRequest 对象（这是在IE7以前的版本中）；在较新的IE版本中可以利用 var xml=
复制链接

扫一扫