我们如何使用JavaScript或jQuery将HTML表单数据保存为xml格式？

Question

这是一个smiple html表单，我想从中获取数据并转换为xml或以xml格式获取数据？

<!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    </head>
<body>
   <form action="" method="post">
        <p>
           <label for="firstname">First Name:</label>
            <input type="text" name="firstname" id="firstname">

            <label for="lastName">Last Name:</label>
            <input type="text" name="lastname" id="lastname">

        <button id="submitButton">submit</button>

    </body>
</form>
    </html>

Answer 1

如果您想要一个纯JavaScript的解决方案来下载任何内容，您可以使用以下功能：

function downloadData(contentType,data,filename){

   var link=document.createElement("A");
   link.setAttribute("href",encodeURI("data:"+contentType+","+data));
   link.setAttribute("style","display:none");
   link.setAttribute("download",filename);
   document.body.appendChild(link); //needed for firefox
   link.click();
   setTimeout(function(){
    document.body.removeChild(link); //only to remove the temporal link
   },1000);
}

where contentType

要从表单创建XML数据，您可以使用：

function fromToXml(form){
    var xmldata=['<?xml version="1.0"?>'];
      xmldata.push("<form>");
    var inputs=form.elements;
    for(var i=0;i<inputs.length;i++){
        var el=document.createElement("ELEMENT");
      if (inputs[i].name){
        el.setAttribute("name",inputs[i].name);
        el.setAttribute("value",inputs[i].value);
        xmldata.push(el.outerHTML);
      }

    }
    xmldata.push("</form>");
    return xmldata.join("\n");
}

然后，尝试按预期修改格式。

请参阅https://jsfiddle.net/jmusfs9v/3/中的示例

如果您对从javascript生成格式良好的XML输出感兴趣，可以按照以下文章进行操作： http ： //archive.oreilly.com/pub/h/2127

Answer 2

试试这个代码 -

function getXml(){
    var elements = document.forms.myForm.elements;
    var xmlTemplate = '<?xml version="1.0"?> <formData>';
    for(var i =0; i< elements.length; i++){
        var element = elements[i];
        if(element.tagName=="INPUT"){
            xmlTemplate = xmlTemplate + '<'+element.name+'>' + element.value+'</'+element.name+'>';
        }


    }
    xmlTemplate = xmlTemplate +'</formData>';
   return xmlTemplate;
}

getXml();

我们如何使用JavaScript或jQuery将HTML表单数据保存为xml格式？

问题描述

2 个解决方案

解决方案1
1 已采纳 2017-08-25 21:17:43

解决方案2
0 2017-08-25 20:57:43

我们如何使用JavaScript或jQuery将HTML表单数据保存为xml格式？

问题描述

2 个解决方案

解决方案1 1 已采纳 2017-08-25 21:17:43

解决方案2 0 2017-08-25 20:57:43

解决方案1
1 已采纳 2017-08-25 21:17:43

解决方案2
0 2017-08-25 20:57:43