用javascript从表单中生成xml

最新推荐文章于 2021-06-19 01:31:33 发布

原创最新推荐文章于 2021-06-19 01:31:33 发布 · 486 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #xml #ViewUI

javascript 同时被 2 个专栏收录

15 篇文章

订阅专栏

XML

1 篇文章

订阅专栏

本文以一个简单的登录界面演示，有三个文件，login.html, XMLWriter.js, login.js。

<html>
<head>
<script  src = "XMLWriter.js" ></script>
<script  src = "login.js" ></script>
</head>
<body>
<form>
用户名：<input id = "uname" type = "text"></input>
<br/>
密   码：<input id = "pword" type = "password"></input>
<br/>
<button id = "aa">submit</button>
</form>
<br/>
</body>
</html>

XMLWriter.js

function XMLWriter()
{
    this.XML=['<?xml version="1.0" encoding="UTF-8"?>'];
    this.Nodes=[];
    this.State="";
    this.FormatXML = function(Str)
    {
        if (Str)
            return Str.replace(/&/g, "&amp;").replace(/\"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
        return ""
    }
    this.BeginNode = function(Name)
    {
        if (!Name) return;
        if (this.State=="beg") this.XML.push(">");
        this.State="beg";
        this.Nodes.push(Name);
        this.XML.push("<"+Name);
    }
    this.EndNode = function()
    {
        if (this.State=="beg")
        {
            this.XML.push("/>");
            this.Nodes.pop();
        }
        else if (this.Nodes.length>0)
            this.XML.push("</"+this.Nodes.pop()+">");
        this.State="";
    }
    this.Attrib = function(Name, Value)
    {
        if (this.State!="beg" || !Name) return;
        this.XML.push(" "+Name+"=\""+this.FormatXML(Value)+"\"");
    }
    this.WriteString = function(Value)
    {
        if (this.State=="beg") this.XML.push(">");
        this.XML.push(this.FormatXML(Value));
        this.State="";
    }
    this.Node = function(Name, Value)
    {
        if (!Name) return;
        if (this.State=="beg") this.XML.push(">");
        this.XML.push((Value=="" || !Value)?"<"+Name+"/>":"<"+Name+">"+this.FormatXML(Value)+"</"+Name+">");
        this.State="";
    }
    this.Close = function()
    {
        while (this.Nodes.length>0)
            this.EndNode();
        this.State="closed";
    }
    this.ToString = function(){return this.XML.join("");}
}

function createXML(){
	try
	{
		XML=new XMLWriter();
		XML.BeginNode("Login");
		XML.Node("Name", document.getElementById("uname").value);
		XML.BeginNode("password");             
		XML.WriteString(document.getElementById("pword").value);
		XML.EndNode();
		XML.Close(); // Takes care of unended tags.
		// The replace in the following line are only for making the XML look prettier in the textarea.
		
	 alert(XML.ToString().replace(/</g,"\n<"););
	}
	catch(Err)
	{
		alert("Error: " + Err.description);
	}


}

window.οnlοad=function(){
	document.getElementById("aa").οnclick=createXML;
}

XMLWriter 有以下几个方法: