如何在MVC项目中将jQuery(JS)的XML文档发送到C#?

时间:2012-08-17 21:50:52

标签: c# jquery xml asp.net-mvc

在我的项目中,我从服务器加载了一个xml文档。我使用ajax调用它并将其设置为变量(称为siteData)。

我在页面上主动对siteData进行操作,并允许用户更改他们想要的内容。完成这些操作后,我需要将XML文档保存到服务器。

我在MVC项目服务器端使用C#。我需要这个方法来接收我用JavaScript制作的XML文件,以便解析它。

我认为我有两个选择:

  1. 弄清楚如何通过C#接收siteData变量,并在我的C#方法中将其设置为参数而不是String。

  2. 将siteData转换为字符串并将其发送到我的C#方法进行解析。

  3. 我无法弄清楚如何使这两个选项都有效。我只是想将操作XML文件传递给我的C#方法以将其保存在服务器上。

    我该如何做到这一点?

    (注意,我不能使用任何插件或替代库。我使用的是jQuery 1.7.2和C#.NET。)

2 个答案:

答案 0 :(得分:1)

你可以使用webclient

http://msdn.microsoft.com/en-us/library/system.net.webclient.aspx

这里是一个样本

 Console.Write("\nPlease enter the URI to post data to : ");
            string uriString = Console.ReadLine();
            // Create a new WebClient instance.
            WebClient myWebClient = new WebClient();
            Console.WriteLine("\nPlease enter the data to be posted to the URI {0}:",uriString);
            string postData = Console.ReadLine();
            // Apply ASCII Encoding to obtain the string as a byte array. 
            byte[] postArray = Encoding.ASCII.GetBytes(postData);
            Console.WriteLine("Uploading to {0} ...",  uriString);                          
         myWebClient.Headers.Add("Content-Type","application/x-www-form-urlencoded");

            //UploadData implicitly sets HTTP POST as the request method. 
            byte[] responseArray = myWebClient.UploadData(uriString,postArray);

            // Decode and display the response.
            Console.WriteLine("\nResponse received was :{0}", Encoding.ASCII.GetString(responseArray));

答案 1 :(得分:1)

您可以编写自定义模型绑定器。我们来举个例子吧。假设您有以下控制器:

public class HomeController : Controller
{
    // Serve the view initially
    public ActionResult Index()
    {
        return View();
    }

    // This will be called using AJAX and return an XML document to the
    // client that will be manipulated using javascript
    public ActionResult GetXml()
    {
        return Content("<foo><bar id=\"1\">the bar</bar></foo>", "text/xml");
    }

    // This will be called using AJAX and passed the new XML to persist
    [HttpPost]
    public ActionResult Save(XDocument xml)
    {
        // TODO: save the XML or something
        return Json(new { success = true });
    }
}

在客户端,我们可以使用以下javascript:

<script type="text/javascript">

    // send an AJAX request to retrieve the XML initially
    $.ajax({
        url: '@Url.Action("getxml")',
        type: 'GET',
        cache: false,
        success: function (data) {
            // The data variable will contain the initial xml
            // Now let's manipulate it:
            $(data).find('bar').attr('id', '7');

            var xmlString = data.xml ? data.xml : (new XMLSerializer()).serializeToString(data);

            // Let's send the modified XML back to the server using AJAX:
            $.ajax({
                url: '@Url.Action("save")',
                type: 'POST',
                contentType: 'text/xml',
                data: xmlString,
                success: function (result) {
                    // ...
                }
            });
        }
    });
</script>

最后一部分是为XDocument类型编写自定义模型绑定器,以便Save控制器操作可以获取XDocument:

public class XDocumentModelBinder : IModelBinder
{
    public object BindModel(ControllerContext controllerContext, ModelBindingContext bindingContext)
    {
        var request = controllerContext.HttpContext.Request;
        if (!request.ContentType.StartsWith("text/xml", StringComparison.OrdinalIgnoreCase))
        {
            return null;
        }
        return XDocument.Load(request.InputStream);
    }
}

将在Application_Start中注册并与XDocument类型相关联:

ModelBinders.Binders.Add(typeof(XDocument), new XDocumentModelBinder());