博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
XML与JavaScript知识
阅读量:5377 次
发布时间:2019-06-15

本文共 2660 字,大约阅读时间需要 8 分钟。

  什么是XMLHttpRequest 对象?

答:XMLHttpRequest 对象用于在后台与服务器交换数据,它是开发者的梦想,因为它能够:1、在不重新加载页面的情况下更新网页;2、在页面已加载后从服务器请求数据;3、在页面已加载后从服务器接收数据;4、在后台向服务器发送数据。

 

  什么是XML解析器?

答:XML 解析器把 XML 文档转换为 XML DOM 对象 - 可通过 JavaScript 操作的对象。1、解析XML文档到XML DOM对象中:

 

  2、解析XML字符串到XML DOM对象中:

 

  什么是XML DOM?

答:DOM(Document Object Model 文档对象模型)定义了访问和操作文档的标准方法。XML DOM(XML Document Object Model)则是定义了访问和操作 XML 文档的标准方法,把XML文档作为树结构来查看,所有元素可以通过 DOM 树来访问。可以修改或删除它们的内容,并创建新的元素。元素,它们的文本,以及它们的属性,都被认为是节点。

  1、加载一个XML文件-跨浏览器实例:

<html>

< body>
< h1>W3Schools Internal Note</h1>
< div>
< b>To:</b> <span id="to"></span><br />
< b>From:</b> <span id="from"></span><br />
< b>Message:</b> <span id="message"></span>
< /div>
< script>
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","note.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.getElementById("to").innerHTML=
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
< /script>
< /body>
< /html>

 

附:note.xml

<?xml version="1.0" encoding="ISO-8859-1"?>

<!-- Edited by XMLSpy® -->

-<note>

<to>Tove</to>

<from>Jani</from>

<heading>Reminder</heading>

<body>Don't forget me this weekend!</body>

</note>

 

2、加载一个XML字符串-跨浏览器实例:

<html>

< body>
< h1>W3Schools Internal Note</h1>
< div>
< b>To:</b> <span id="to"></span><br />
< b>From:</b> <span id="from"></span><br />
< b>Message:</b> <span id="message"></span>
< /div>
< script>
txt="<note>";
txt=txt+"<to>Tove</to>";
txt=txt+"<from>Jani</from>";
txt=txt+"<heading>Reminder</heading>";
txt=txt+"<body>Don't forget me this weekend!</body>";
txt=txt+"</note>";
if (window.DOMParser)
{
parser=new DOMParser();
xmlDoc=parser.parseFromString(txt,"text/xml");
}
else // Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.loadXML(txt);
}
document.getElementById("to").innerHTML=
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
< /script>
< /body>
< /html> 

 

  如何在HTML页面中显示XML数据?

答:点击链接进行查看http://www.runoob.com/xml/xml-to-html.html  

 

  XML应用程序示例

链接:http://www.runoob.com/xml/xml-applications.html

转载于:https://www.cnblogs.com/fengxiongZz/p/6438013.html

你可能感兴趣的文章
初学数据结构四
查看>>
flask实战-个人博客-视图函数
查看>>
机器翻译数据集
查看>>
<cpp 从零学起:1>输出100内素数
查看>>
初入servlet:Allocate exception for servlet
查看>>
CSU1911 Card Game 【FWT】
查看>>
使用storyboard实现页面跳转,简单的数据传递
查看>>
Android窗口管理服务WindowManagerService显示窗口动画的原理分析
查看>>
工程android配置windows7下cocos2d-x、android的开发环境
查看>>
参数展示初始三层架构
查看>>
项目视频光盘项目中所学概览-html5+批处理+bat转exe
查看>>
hdu 1028
查看>>
思考技术 (一) —— 什么是新技术
查看>>
ubuntu更改源为aliyun的源;ROS改为新加坡源
查看>>
正则表达式入门
查看>>
Halcon标定与自标定
查看>>
Non-local Neural Networks
查看>>
apache Internal Server Error 解决方法
查看>>
Ubuntu14.04安装CUDA8.0与Cudnn5.1
查看>>
(七)STM32的RTC简单操作
查看>>