我们如何使用JavaScript或jQuery将HTML表单数据保存为xml格式？
[英]How can we save HTML form data into xml format using JavaScript or jQuery?
问题描述
Here is a smiple html form,I want to get the data from it and convert into xml or get the data in xml format? 
这是一个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>
2 个解决方案
解决方案1
1 已采纳 2017-08-25 21:17:43
If you want a pure javascript solution for downloading any content you can use the following function: 如果您想要一个纯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 where contentType
For creating XML data from a form you can use : 要从表单创建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");
}
And then, try to modify the format as you expected. 然后，尝试按预期修改格式。
See an example in https://jsfiddle.net/jmusfs9v/3/ 请参阅https://jsfiddle.net/jmusfs9v/3/中的示例
If you are intenerested in generating a well-formed XML output from javascript you can follow the article: http://archive.oreilly.com/pub/h/2127 如果您对从javascript生成格式良好的XML输出感兴趣，可以按照以下文章进行操作： http ： //archive.oreilly.com/pub/h/2127
解决方案2
0 2017-08-25 20:57:43
Try this code - 试试这个代码 -
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();
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.