如何在带有 WebMatrix 的 C#.net 网页环境中使用 AJAX 在服务器端传递和访问对象数组

本文关键字：服务器端 AJAX 数组 对象 访问 环境 WebMatrix 网页 net | 更新日期: 2023-09-27 18:36:56

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

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==?=

如何在带有 WebMatrix 的 C#.net 网页环境中使用 AJAX 在服务器端传递和访问对象数组

我想

你会在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),

好的，我想我终于明白了。

我决定尝试在发布这个问题之前尝试过的东西：JSON.stringify在 AJAX 调用中（显然 jQuery 不会根据 contentType 自动格式化数据，也不会简单地检测数据类型）。

之前的问题是我不知道我能够在服务器端找到我的数据 Request.InputStream .事实上，我仍然不清楚为什么或何时可以以这种方式找到数据，甚至不清楚是什么决定了它应该存储在那里，而不是可以由Request.Form["objectArr"]等调用的东西。

因此，当我这次尝试使用JSON.stringify时，我将其与 Mike 在他关于如何检索此服务器端（即使用 Request.InputStream 方法）的答案中发布的内容相结合。

一旦我同时使用了两者（以及删除 ajax 调用data:部分中的标识符），我就开始查看甚至返回相关数据。

简而言之，这就是我现在拥有的工作...

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 在当今 Web 环境中的目的。

相关文章：