如何在html中插入xml

如何在html中插入xml,第1张

实例!

以下是XML文件【1.xml】内容:

<?xml version="1.0" encoding="gb2312"?>

<config>

<content>

<content_1>1.我的内容1.</content_1>

<content_2>2.我的内容2.</content_2>

</content>

</config>

以下是ASP文件内容【1.asp 用于管理1.xml】:

<%

strSourceFile = Server.MapPath("1.xml")

Set objXML = Server.CreateObject("Microsoft.XMLDOM") '创建一个XML对像

'Set objXML = Server.CreateObject("Microsoft.FreeThreadedXMLDOM")

objXML.load(strSourceFile) '把XML文件读入内存

If objXML.parseError.ErrorCode <>0 Then

objXML.loadXML "<?xml version=""1.0"" encoding=""gb2312"" ?>"

End If

set objcontent = objXML.documentElement.SelectSingleNode("content") '读取节点content

if request("tijiao")="yes" then '判断是否是提交过来的

objcontent.SelectSingleNode("content_1").text=request.form("content_1")

objcontent.SelectSingleNode("content_2").text=request.form("content_2")

objXML.save(strSourceFile) '将提交过来的表单数据写入XML

response.Write("<script>alert('保存成功!')</script>")

end if

%>

<html><head>

<TITLE>XML文件读写实例</TITLE>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">

</head><body>

<table width=98% align="center" border="1" cellspacing="0" cellpadding="4" style="border-collapse: collapse">

<form name="form1" method="post" action="">

<input type="hidden" value="yes" name="tijiao"><!--这里一个隐形的input用于提交判断-->

<tr><td height=25>XML文件读写实例</td></tr>

<tr>

<td>内容1: <input name="content_1" type="text" id="content_1" value="<%=objcontent.SelectSingleNode("content_1").text%>" size="60">

</td>

<tr>

<td>内容2: <input name="content_2" type="text" id="content_2" value="<%=objcontent.SelectSingleNode("content_2").text%>" size="60">

</td>

</tr>

<tr align="center">

<td height="36">

<input type="submit" name="Submit" value="保存">

</td>

</tr></form>

</table>

</body>

</html>

被调用显示文档也使用ASP,参照input内显示的值!

1,内嵌XML数据

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">

<title>第一次亲密接触(非痞子蔡版,请不要理解为侵权)</title>

</head>

<body>

<xml id="第一次亲密接触">

<第一次亲密接触>

<对象>xml</对象>

<亲密程度>接触到XML稍微宝贵的地方---数据岛</亲密程度>

<结论>感觉不错,是个好东东</结论>

</第一次亲密接触>

</xml>

<center><h1>第一次亲密接触</h1></center>

<table border="0" datasrc="#第一次亲密接触" align="center" width="443">

<tr>

<td bgcolor="#99FF99">对象: <span datafld="对象"></span></td>

<td bgcolor="#3399CC">亲密程度:<span datafld="亲密程度"></span></td>

<td bgcolor="#CC99CC">结论: <span datafld="结论"></span></td>

</tr>

</table>

</body>

</html>

2.外部xml文件的引用

首先利用以前的知识建立一个XML文件(不是我懒,给你们一个机会锻炼^^)

涉及到以下<xml></xml>中的数据内容

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">

<title>第一次亲密接触(非痞子蔡版,请不要理解为侵权)</title>

</head>

<body>

<xml id="第一次亲密接触" src="firstlove.xml">

<第一次亲密接触>

<对象>xml</对象>

<亲密程度>接触到XML稍微宝贵的地方数据岛</亲密程度>

<结论>感觉不错,是个好东东</结论>

</第一次亲密接触>

</xml>

<center><h1>第一次亲密接触</h1></center>

<table border="0" datasrc="#第一次亲密接触" align="center">

<tr>

<td bgcolor="#99FF99">对象: <span datafld="对象"></span></td>

<td bgcolor="#3399CC">亲密程度:<span datafld="亲密程度"></span></td>

<td bgcolor="#CC99CC">结论: <span datafld="结论"></span></td>

</tr>

</table>

</body>

</html>

我们可以通过指定XML文件位置来引用她,一般通过src="XXX.xml"引用.

1 对这个xml文件的内容进行 *** 作

2 首先,加载这个xml文件,js中加载xml文件,是通过XMLDOM来进行的.

// 加载xml文档

loadXML = function(xmlFile)

{

var xmlDoc

if(window.ActiveXObject)

{

xmlDoc= new ActiveXObject('Microsoft.XMLDOM')

xmlDoc.async= false//是否异步加载xml文件(如果为ture,程序不论xml文件是否全部载入就开始运行下面程序,所以如果接下来就 *** 作xml文件可能出错)

xmlDoc.load(xmlFile)

}

else if (document.implementation&&document.implementation.createDocument)

{

xmlDoc= document.implementation.createDocument('', '', null)

xmlDoc.load(xmlFile)

}

else

{

return null

}

return xmlDoc

}

xml文件对象出来了, 接下去要对这个文档进行 *** 作了

比如说,需要得到节点Login/Weapon/W的第一个节点的属性,那么可以如下进行:

// 首先对xml对象进行判断

checkXMLDocObj= function(xmlFile)

{

var xmlDoc= loadXML(xmlFile)

if(xmlDoc==null)

{

alert('您的浏览器不支持xml文件读取,于是本页面禁止您的 *** 作,推荐使用IE5.0以上可以解决此问题!')

window.location.href='/Index.aspx'

}

return xmlDoc

}

// 然后开始获取需要的Login/Weapon/W的第一个节点的属性值

var xmlDoc= checkXMLDocObj('/EBS/XML/Login.xml')

var v= xmlDoc.getElementsByTagName('Login/Weapon/W')[0].childNodes.getAttribute('Text')


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6099075.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-14
下一篇 2023-03-14

发表评论

登录后才能评论

评论列表(0条)

保存