当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript构造XML树结构

Javascript
IE bug table元素的innerHTML
Javascript学习笔记1 数据类型
Javascript学习笔记2 函数
Javascript学习笔记3 作用域
Javascript学习笔记4 Eval函数
Javascript学习笔记5 类和对象
Javascript学习笔记6 prototype的提出
Javascript学习笔记7 原型链的原理
Javascript学习笔记8 用JSON做原型
Javascript学习笔记9 prototype封装继承
Javascript 读书笔记索引贴
JavaScript 事件冒泡应用实例分析
JavaScript 事件冒泡简介及应用
Extjs学习笔记之九 数据模型(上）
javascript Object与Function使用
取选中的radio的值
JavaScript 学习笔记（九）call和apply方法
javascript下判断一个对象是否具有指定名称的属性的的代码
Javascript 实现TreeView CheckBox全选效果
jquery插件 cluetip 关键词注释

No. « 276 277 278 279 »

技术文章搜索

关键字

Javascript 中的 JavaScript构造XML树结构

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-08-10   浏览: 101 ::
收藏到网摘: n/a

用JavaScript构造XML树结构的一个例子，包括删除添加节点。

关键词：ASP, JavaScript, Java, XML

将Client端的加入的数据，形成所需要的XML树。
这种方法适合于处理Client端复杂的数据，
最后在Server端完成XML树的存储。
说白了就是XML只是一个存放临时数据的垃圾站。^_^
大家可以在这个模型基础上做扩充移动\修改等功能。

下列存为EnterItem.htm
<html>
<head>
<title>
  Item Information
</title>
</head>

<body>
<div id=additem name=additem></div>
<form name=formItem  action="processForm.asp" method="post">
  <TABLE WIDTH="60%" BORDER="2" bordercolor="orange" CELLSPACING="1" CELLPADDING="1">
  <tr>
  <td colspan=2><h3>Enter your Item information</h3></td>
  </tr>
  <tr>
      <td>Item Name:</td>
      <td><input type="text"  name="ItemName"></td>
   <tr>
  <tr>
      <td>Mount: </td>
      <td><input type="text"      name="Mount"></td>
  </tr>
  <tr>
          <td> Spec:    </td>
          <td><input type="text"  name="Spec"></td>
  </tr>   
  <tr>
          <td> price:</td>
           <td><input type="text"  name="price"></td>
</tr>          
<tr>
          <td align=center colspan=2><input type="button" id="btnSub" name="btnSub" value="Add" onclick="add();">
             <input type="button" id="btndel" name="btndel" value="Del" onclick="Del(document.all.delNo.value);">
            Del No :    <input type="text" size=3  name="delNo">
        </td>
</tr>

  </TABLE>
</form>
<input type="button" id="lookXML" name="lookXML" value="look XML" onclick="window.open('EPR.xml','XML','toolbar=no,status=no,scrollbars=yes,height=400,width=750,top=50,left=30');"><br>
</body>
</html>

<script>
var ItemNo=0;
var objDom = new ActiveXObject("MSXML.DOMDocument");     file://define a DOM object
objDom.async=false;
var objRoot = objDom.createElement("EPR");                                file://create the root
objDom.appendChild(objRoot)
var xmlHTTP = new ActiveXObject("Microsoft.XMLHTTP");       

file://-------add a new node----------
function add()
{
ItemNo++;

var objField = objDom.createElement("Item")
objDom.documentElement.appendChild(objField);

curnode=objDom.documentElement.lastChild;
var namedNodeMap =curnode.attributes;

var objattID = objDom.createAttribute("ItemNo");
objattID.text =ItemNo
namedNodeMap.setNamedItem(objattID);

var objattID = objDom.createElement("Name")
objattID.text=document.formItem.ItemName.value
curnode.appendChild(objattID)
document.formItem.ItemName.value="";

var objattID = objDom.createElement("Mount")
objattID.text=document.formItem.Mount.value
curnode.appendChild(objattID)
document.formItem.Mount.value=""

var objattID = objDom.createElement("Spec")
objattID.text=document.formItem.Spec.value
curnode.appendChild(objattID)
document.formItem.Spec.value=""

var objattID = objDom.createElement("price")
objattID.text=document.formItem.price.value
curnode.appendChild(objattID)
document.formItem.price.value=""

saveXML();
}

file://-----------Del Node-------------
function Del(DelNo)
{
var cond
cond="//.[@ItemNo='" +DelNo+"']";
var delNode=objDom.documentElement.selectSingleNode(cond)
var del=objRoot.removeChild(delNode)

saveXML();
}

file://----------save XML----------------
function saveXML()
{
xmlHTTP.open("POST","saveXML.asp",false);
xmlHTTP.send(objDom);
if(xmlHTTP.responseText.indexOf("Error:")!=-1)
    {
        alert(xmlHTTP.responseText);
  }
}
</script>

 

存为saveXML.asp
  <%@ Language=VBScript %>
  <%
Response.expires=-1
dim xmlrec
set xmlrec=server.CreateObject("microsoft.xmldom")
xmlrec.async=false
xmlrec.load(Request)
xmlrec.save Server.MapPath("\")&"\EPR.xml"
%>