使用JavaScript对XML文件进行读写

最新推荐文章于 2016-10-01 11:07:52 发布

epinszteinic

最新推荐文章于 2016-10-01 11:07:52 发布

阅读量4k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript xml button function input encoding

本文链接：https://blog.youkuaiyun.com/epinszteinic/article/details/264587

javascript 专栏收录该内容

6 篇文章

订阅专栏

博客以学生信息为例，介绍了使用JavaScript对XML文件进行增删改操作。用到studentINFO.html、studentinfo.xml和studentinfoNew.xml三个文件，在HTML文件中通过JavaScript函数实现对XML文件中学生信息的显示、保存、添加和删除等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以学生信息为例子。
用到了3个文件studentINFO.html,studentinfo.xml,studentinfoNew.xml

studentinfo.xml---学生信息
<?xml version="1.0"?>
<studentlist>
<student>
  <id>213</id>
  <name>asd</name>
  <age>sdf</age>
</student>
<student>
  <id>rfwer</id>
  <name></name>
  <age></age>
</student></studentlist>

studentinfoNew.xml---新添加的空的学生信息模版
<?xml version="1.0" encoding="gb2312"?>
<studentlist>
<student>
  <id></id>
  <name></name>
  <age></age>
</student>
</studentlist>

studentINFO.html---增删改的用户UI
<HTML><BODY bgColor=#a1bae6>
<XML id=xmldso src="studentinfo.xml"></XML>
<XML id=studentinfoNew></XML> 
<SCRIPT Language=JavaScript>
studentinfoNew.async = false;
studentinfoNew.load("studentinfoNew.xml");

function display(){
var doc=xmldso.XMLDocument;
alert(doc.xml);
}

function save(){
try{
  var doc=xmldso.XMLDocument;
  alert(doc.xml);
  var strFile="";
  var fso, f, ts;
  var s="E://習う//XML//javascript_ReadWriteXML//studentinfo.xml";
  var ForReading = 1, ForWriting = 2, ForAppending = 8;
  var TristateUseDefault = -2, TristateTrue = -1, TristateFalse = 0;
  fso = new ActiveXObject("Scripting.FileSystemObject");
  if(!fso.FileExists(s)){
   alert(s+" is not exist!");
  }else{
   f = fso.GetFile(s);
   ts = f.OpenAsTextStream(ForWriting, TristateUseDefault);
   ts.WriteLine(doc.xml);
   ts.Close( );
  }
}catch(e){
  alert(e);
}

}

//增加??；
function addID(){
var doc=xmldso.XMLDocument;
var rootnode=doc.documentElement;
var sortNode = rootnode.selectNodes("//id");
var currentid = sortNode.length-1;
var cc="";
if(currentid==-1){
  var node= studentinfoNew.documentElement.childNodes(0).cloneNode(true);
  xmldso.documentElement.appendChild(node);
}else{
  cc=sortNode.item(currentid).text;
  if ((cc=="aa")||(cc=="")){
   alert("?将最后一行数据填写完?后再增加新的??！");
  }else{
   var node= studentinfoNew.documentElement.childNodes(0).cloneNode(true);
   xmldso.documentElement.appendChild(node);
  }
}
}
//?除??
function delID(whichFld){
var doc=xmldso.XMLDocument;
var rootnode=doc.documentElement;
var sortNode = rootnode.selectNodes("//student");
if(sortNode.length==1){
  alert("can not do delete when there is only 1 record");
  return;
}

var sortNode = xmldso.selectSingleNode("//student/id[text()='"+whichFld+"']");
try{
sortNode.parentNode.parentNode.removeChild(sortNode.parentNode);
}catch(e){
}
}
</SCRIPT>

<center><b>student-studentlist</b><br><br>
<TABLE id="table" DATASRC='#xmldso' BORDER CELLPADDING=3>

<THEAD><TH>ID</TH><TH>id</TH><TH>name</TH><TH>age</TH></THEAD>
<TR>
<TD><acronym title='点?即可?除???'><INPUT TYPE=button size=4 DATAFLD="id" onclick="delID(this.value)"></acronym></TD>
<TD><INPUT TYPE=TEXT DATAFLD="id"></TD>
<TD><INPUT TYPE=TEXT DATAFLD="name"></TD>
<TD><INPUT TYPE=TEXT DATAFLD="age"></TD>
</TR>
</TABLE>
<INPUT TYPE=BUTTON name=dd id=dd VALUE="add" onclick="addID();">
<INPUT TYPE=BUTTON name=cc id=cc VALUE="save" onclick="save()">
<INPUT TYPE=BUTTON name=ee id=ee VALUE="display" onclick="display()"></center></BODY></HTML>