c# - 如何在 C#.net Web-Pages with WebMatrix 环境中使用 AJAX 传递和访问服务器端的对象数组？

Question

首先，我已经尝试自己找到这个答案。我找到了几页关于这个主题的内容:

http://forums.asp.net/t/1934999.aspx?Convert+any+json+string+to+an+array+or+object+in+c+ (这个使用了 JSON 字符串等等，但它是一个对象而不是对象数组，所以它似乎并不适用于这里)。

Convert json to a C# array? (在这里，它似乎有相关的答案，但没有一个对我有帮助[可能是因为我没有在服务器端正确处理这个问题])。

现在，我在 jQuery 中有以下简单的 $.ajax 请求:

$("#savePageBtn").click(function () {
    $.ajax({
        url: "/AJAX Pages/Compute_Save_Edit_Page.cshtml",
        async: false,
        type: "POST",
        data: { "objectArr": jsonArr }, //more on exactly what jsonArr contains below...
        success: function (response) {
            console.log(response);
        },
        error: function (jqXHR, textStatus, error) {
            alert("Oops! It appears there has been an AJAX error.\n\nPlease check the page you were attempting to edit.\n\n Error: " + textStatus + ".\n\nError Type: " + error + ".");
        }
    });
});

我也尝试过:data: JSON.stringify(jsonArr), 用于数据行，但是当我尝试访问一个属性时，它们都给我代码 500 的内部服务器错误给定的对象。阅读这些错误，我可以看出数据是“字符串”格式(我确定是 JSON 语法)，所以我无法按我的意愿访问数据。即使在我尝试使用 C# 的 Json.Decode 方法之后。

这是我目前的服务器端代码 (Compute_Save_Edit_Page.cshtml):

@{
    Layout = "";

    if (IsAjax)
    {
        var reader = new StreamReader(Request.InputStream);
        var json = reader.ReadToEnd();
        var objectArr = Json.Decode(json);

        for (var i = 0; i < objectArr.Length; i++)
        {
<!--      -->@:@objectArr[i].objectName;
<!--      --><br/>
        }
    }
    else
    {
        Context.RedirectLocal("~/");
    }
}

我想我知道我需要什么，但我似乎无法像我想要的那样将 JSON 字符串转换回对象数组。

在 jQuery 中，我一直在像您期望的那样访问它。例如，要在第一个索引处获取对象的对象名称，我会键入:jsonArr[0].objectName

一旦我在服务器端拥有它，我希望能够以几乎相同的方式访问它，但我尝试的任何方法都不起作用。

附加信息:

值得一提的是，对象数组包含的对象并非都具有相同的属性(这就是为什么尝试我提供的第二个链接中的最佳答案将不起作用，如果我什至正确理解)。

这里是对象数组中几个对象的示例(没有真正的特定语法):

Object { 
    caption: "", 
    fileName: "Okmulgee_Library.jpg",
    objectID: "176",
    objectName: "Image",
    pageOrder: "1",
    size: "medium"
}

Object {
    alignment: "center",
    bold: false,
    italic: false,
    objectID: "177",
    objectName: "Paragraph",
    pageOrder: "2",
    underline: false,
    value: "For more information about the Okmulgee Public Library, call (918)-756-1448."
}

Object {
    bold: false,
    italic: false,
    objectID: "179",
    objectName: "Text",
    pageOrder: "3",
    underline: false,
    value: "Or visit their website at"
}

来自 Chrome 网络的更新 > header

Request URL:http://localhost:10226/AJAX%20Pages/Compute_Save_Edit_Page.cshtml
Request Method:POST
Status Code:500 Internal Server Error
Request Headersview source
Accept:application/json, text/javascript, */*; q=0.01
Accept-Encoding:gzip,deflate,sdch
Accept-Language:en-US,en;q=0.8
Connection:keep-alive
Content-Length:0
Cookie:.ASPXAUTH=AEBDE22DCB622D796F8897945434328CECAEB25BF5D24CBA9CB1C32A58D82BC5CF68F33EF2CA7012DECFE87F91C39E7471DE7C2903CE476DF8781E0B0CE862C8AF10A23CD1B52BDFBA9042290426BBD024663A2D95C02A54EBA9E98D3DE25A44415395F5CDAA1E65A0EDDC3D9598F2A7660E3376159D82986E3E4EFEB05F150D02DC788D8F0FC0D62FF8B80708D05A276789A3D54DC79F598D57D19990426F68
Host:localhost:10226
Origin:http://localhost:10226
Referer:http://localhost:10226/CMS%20Interface/EditPages/E-UtilityBilling.cshtml
User-Agent:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/30.0.1599.101 Safari/537.36
X-Requested-With:XMLHttpRequest
Response Headersview source
Cache-Control:private
Content-Length:5732
Content-Type:text/html; charset=utf-8
Date:Fri, 25 Oct 2013 19:00:34 GMT
Server:Microsoft-IIS/7.5
X-AspNet-Version:4.0.30319
X-Powered-By:ASP.NET
X-SourceFiles:=?UTF-8?B?QzpcVXNlcnNcY3JhZGViYXVnaFxEb2N1bWVudHNcTXkgV2ViIFNpdGVzXE9rbXVsZ2VlIE9ubGluZSA0LjBcQUpBWCBQYWdlc1xDb21wdXRlX1NhdmVfRWRpdF9QYWdlLmNzaHRtbA==?=

Answer 1

我认为您会在 Request.InputStream 中找到您的数据。尝试以下操作:

var reader = new StreamReader(Request.InputStream);
var json = reader.ReadToEnd();
var objArray= Json.Decode(json);

您需要首先使用 JSON.stringify 将您的 Javascript 对象转换为 JSON:

 data: JSON.stringify(jsonArr),