Question

我之前有一个表单，其中输入了关于Relation title和FirstName，LastName的2个人。输入信息并单击“提交”后，会生成一个xml，如下所示：

<?xml version="1.0" encoding="utf-16"?>
<Data>
  <RelationData>
    <Relation Title="Friends">
      <Persons>
        <Person FirstName="Tom" LastName="B" />
        <Person FirstName="Jerry" LastName="C" />
      </Persons>
    </Relation>
  </RelationData>
</Data>

模型 - FormModel.cs

public class Relation
{
    public string Title { get; set; }
    public string Person1FirstName { get; set; }
    public string Person1LastName { get; set; }
    public string Person2FirstName { get; set; }
    public string Person2LastName { get; set; }
}

XmlModel.cs

public class XmlModel
{
    [XmlRoot("Data")]
    public class Data
    {
        [XmlElement("RelationData")]
        public RelationData RelationData { get; set; }
    }

    [SerializableAttribute()]
    public class RelationData
    {
        [XmlElement("Relation")]
        public Relation Relation { get; set; }
    }

[SerializableAttribute()]
    public class Relation
    {
        [XmlElementAttribute()]
        public Persons Persons { get; set; }

        [XmlAttributeAttribute()]
        public string Title { get; set; }
    }

[SerializableAttribute()]
    public class Persons
    {
        [XmlElementAttribute("Person")]
        public Person[] Person { get; set; }
    }

[SerializableAttribute()]
    public class Person
    {
        [XmlAttributeAttribute()]
        public string FirstName { get; set; }

        [XmlAttributeAttribute()]
        public string LastName { get; set; }
    }
}

View.cshtml强烈地键入FormModel中的Relation类。它包含文本框和提交按钮，用于调用控制器中的CreateData操作。

<div class="form-horizontal">
    @Html.ValidationSummary(true)
    <div class="form-group">
        <input id="CreateData" type="submit" class="btn btn-primary" value="Create Data File" />
    </div>
</div>

Controller.cs - 读取传入的数据并创建使用辅助类XmlResult序列化的XmlModel对象。

[HttpPost]
public ActionResult CreateData(Relation rData)
{

    var xmlModelData = new XmlModel();

    // Create elements in XmlModel object using values in rData
    ...

    return new XmlResult<XmlModel>()
    {
        Data = xmlModelData
    };
}

助手班

public class XmlResult<T> : ActionResult
{
    public T Data { private get; set; }

    public override void ExecuteResult(ControllerContext context)
    {
        context.HttpContext.Response.Clear();
        context.HttpContext.Response.ContentType = "text/xml";
        context.HttpContext.Response.ContentEncoding = Encoding.UTF8;

        var filename = DateTime.Now.ToString("mmddyyyyhhss") + ".xml";
        context.HttpContext.Response.AddHeader("content-disposition", "attachment; filename=" + filename);

        using(var writer = new StringWriter())
        {
            XmlSerializer xs = new XmlSerializer(typeof(T));
            xs.Serialize(writer, Data);
            context.HttpContext.Response.Write(writer);
        }
    }
}

因此，这会在浏览器上显示一个对话框，提供保存xml或打开它的选项。

现在我们需要在表单上添加更多输入，并且根据这些输入，需要在同一个xml文件中生成一些更复杂的xml数据。

xml格式很复杂，但它将是以前xml中的新数据，如：

<?xml version="1.0" encoding="utf-16"?>
<Data>
  <RelationData>
    <Relation Title="Friends">
      <Persons>
        <Person FirstName="Tom" LastName="B" />
        <Person FirstName="Jerry" LastName="C" />
      </Persons>
    </Relation>
    <Relation Title="Friends">
      <Persons>
        <Person FirstName="Hello" LastName="AD" />
        <Person FirstName="World" LastName="BC" />
      </Persons>
    </Relation>
    ...
  </RelationData>
  <ComplexData>
   ...
  </ComplexData>
</Data>

如您所见，表单可以提供多个Relation项以及一些ComplexData。我不想为这个ComplexData结构创建类，所以我可能想要一些方法来直接编写xml而不是序列化对象。将视图绑定到Relation模型现在也没有意义。

那我怎么能这样做，以便我仍然可以在浏览器中生成xml文件？在当前的解决方案中，它正在进行服务器发布，但我愿意将其更改为完全在客户端工作。不确定是否可以使用jquery / javascript完成？

Answer 1

您问是否可以在客户端创建XML 100％？是。您无法将其下载为文件（由于安全性），但您可以将其放在文本区域中。

您可以通过在客户端连接字符串来制作xml。

这篇文章展示了如何在客户端使用不同的javascript技术处理XML： Generate XML document in-memory with JavaScript

Jquery的： How to parse XML using jQuery?

aaaand 这里有一些允许在客户端下载的技巧，其中一些不需要服务器端代码： Using HTML5/Javascript to generate and save a file

使用ASP.NET MVC表单中的数据生成xml文件

1 个答案: