如何使用帶有WebMatrix環境的C＃.net Web-Pages中的AJAX在服務器端傳遞和訪問對象數組？

Question

首先，我已經嘗試過自己找到這個答案。 我在這個主題上發現了幾頁：

http://forums.asp.net/t/1934999.aspx?Convert+any+json+string+to+an+array+or+object+in+c+ （這個使用JSON字符串，所有，但它是一個對象而不是一個對象數組，因此它似乎不適用於此）。

將json轉換為C＃數組？ （這里，它似乎有相關的答案，但它們都沒有幫助我[可能是因為我沒有在服務器端正確處理這個]）。

現在，我在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網絡的更新>標題

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),

Answer 2

好吧，我想我終於明白了。

我決定嘗試以前嘗試過發布這個問題的東西：AJAX調用中的JSON.stringify （顯然jQuery不會根據contentType自動格式化數據，也不會簡單地檢測它的數據類型）。

之前的問題是我不知道我能用Request.InputStream在服務器端找到我的數據。 事實上，我仍然不清楚為什么或何時可以以這種方式找到數據，甚至是什么決定它應該存儲在那里，而不是可以被Request.Form["objectArr"]調用的東西。等

所以，當我這次嘗試使用JSON.stringify時，我將其與Mike在答案中發布的內容結合起來，以了解如何檢索此服務器端（即使用Request.InputStream方法）。

一旦我使用了兩者（以及刪除data:的標識符data: ajax調用的一部分），我開始看到甚至返回相關數據。

簡而言之，這就是我現在所擁有的......

jQuery AJAX代碼：

$.ajax({
    url: "/AJAX Pages/Compute_Save_Edit_Page.cshtml",
    async: false,
    type: "POST",
    data: JSON.stringify(jsonArr),
    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\nError Type: " + error + ".");
    }
});

這里是服務器端（C＃）代碼，它只返回數組中每個對象的兩個屬性：

@{
   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 - @objectArr[i].objectID
        }
    }
    else
    {
        Context.RedirectLocal("~/");
    }
}

所以，如果我理解正確（並且如果我錯了請糾正我），你不能只用AJAX向服務器發送一個對象數組。 事實上，如果你根本不能發送陣列，我也不會感到驚訝。 但你可以發送一個簡單的變量像string或int 。 所以，使用JSON.stringify ，我使用的函數將對象數組轉換為一個大的JSON字符串，用C＃讀取另一端的輸入流，然后使用另一個C＃方法將JSON字符串解析回一個數組對象，這就是我想要的數據。

感謝所有幫助我完成這一切的人，以及它的價值，我真的覺得我甚至在今天的網絡環境中學到了一些關於JSON的目的。