ajax 将值从 Javascript 传递到 C#，已回复但未保存

Question

我使用 ajax 将一个值传递给我的 C# 部分，然后我得到了响应。但我无法保存该值或在我的 C# 代码中使用它。更多信息如下：

Ajax 调用：(gallery.aspx)

    $.ajax({
        url: Url, //assigned previously
        data: 'call=ajax&method=GetList&typeIds=' + typeIds.replace(",",""),
            type: 'POST',
            dataType: 'json',
            success: function (resp) {
                console.log("From AJAX: " + resp) // this works and shows the result

            },
             error: function (xhr, status) {
                console.log("Sorry, there was a problem!");
            }
    });

后面的代码（CodeFile）：（gallery.aspx.cs）

更新：完整的 C# 代码 sn-p

public partial class gallery : System.Web.UI.Page
{
        public List<string> images = new List<string>();    
        public List<string> imagesList = new List<string>();
        public List<string> filteredImagesList = new List<string>();
        public List<string> testList = new List<string>();
        protected string imagesName;
        protected string filterType;
        protected void Page_Load(object sender, EventArgs e)
        {
            if (Request["call"].ParseString() == "ajax")
            {
                Response.Write(Request["typeIds"].ParseString().TrimEnd(','), true, ResponseType.Json);
                filterType = Request["typeIds"].ParseString().TrimEnd(',');
            }
            else
            {
                filterType = "Not Assigned!";
            }
        }
}

页面上的输出：未分配！ 含义 <h1><%=filterType%></h1> 在 aspx 文件中返回 aspx.cs 文件中的 else 语句

但是当console.log("From AJAX: " + resp) 显示结果时，我在我的javascript 中得到了响应。

但是我不能在我的 c# 代码文件中使用 filtertype 的值。

我不明白Response.Write(Request["type"].ParseString().TrimEnd(','), true, ResponseType.Json); 为何将 Request["type"] 返还给 js 部分，但不将其保存到我的代码文件中。应该是 Response.Read 或 Response.Save 之类的吗？

有人知道这里发生了什么吗？

Answer 1

您可以将 ajax 响应存储在隐藏字段中，然后在服务器端代码中访问该隐藏字段值。

<asp:HiddenField ID="HiddenField1" runat="server" />  

$.ajax({
        url: Url, //assigned previously
        data: 'call=ajax&method=GetList&type=' + typeIds.replace(",",""),
            type: 'POST',
            dataType: 'json',
            success: function (resp) {
                console.log("From AJAX: " + resp) // this works and shows the result
                 $('#<%=HiddenField1.CliendId%>').val(resp);

            },
             error: function (xhr, status) {
                console.log("Sorry, there was a problem!");
            }
    });

然后您可以像这样在服务器端代码中访问：

HiddenField1.Value

Answer 2

好的。它永远不会以您的方式分配。仅仅是因为当页面正在加载并且所有控件都在渲染时，没有考虑到 Page Life Cycles 的 ajax 调用。因为没有分配页面加载filterType。

虽然你有几个选择

1. 使用带有更新面板的 Ajax 和 PageRequestManager class
2. 通过 JQuery 或 Vanilla JS 使用 <%=filterType.ClientID%> 更改值

如果您只需要前端表示，您可以使用任一选项。如果您需要它用于进一步的后端，恐怕选项 1 是您的唯一选择。