将字典从 Ajax 传递到 C# 代码隐藏

Question

我正在使用 ASP.Net 和 jquery/ajax

我在 jquery 中有以下脚本：

var sizes = [];
sizes.push({ key: "1", value: "3"});
$.ajax({
    type: "POST",
    url: pageUrl,
    data: '{"sizeList":' + sizes + '}',
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (msg) {
        alert("success");
    },
    error: function (XMLHttpRequest, textStatus, errorThrown) {
        alert("Status: " + textStatus); alert("Error: " + errorThrown);
    }
}

这是代码隐藏：

public static void AddProductToDB(Dictionary<String, String> sizeList)

谁能告诉我我做错了什么，因为我已经尝试了我能想到的一切。 谢谢

Answer 1

var param = {
    '[0].Key': '1', 
    '[0].Value': '3'
};

$.ajax({
    type: "POST",
    url: pageUrl,
    data: param 
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (msg) {
        alert("success");
    },
    error: function (XMLHttpRequest, textStatus, errorThrown) {
        alert("Status: " + textStatus); alert("Error: " + errorThrown);
    }
}

Answer 2

我在这篇文章发布两年后才看到它，但希望如果有人偶然发现这篇文章，它会对他们有所帮助。我使用 Damith 的答案的基础来形成我要传递的参数，并通过以下方式传递它们来使其工作：

var param = {
    'filters[0].Key': '1',
    'filters[0].Value': 'test',
    'filters[1].Key': '2',
    'filters[1].Value': 'test',
    id: 1,
    width: 150,
    height: 150,
};

然后在 MVC 代码上，我的方法具有以下签名：

public async Task<ActionResult> IndexPartial(int id = -1, int? width = null, int? height = null, Dictionary<string, string> filters = null)

通过这两件事，我能够让该方法检测作为Dictionary<string,string> 传递的信息，同时我能够传递其他参数。希望这能解决您的问题。

Answer 3

看起来您正在尝试使用页面方法。如果是这样，您需要使用 WebMethod 属性来装饰您的方法（在代码中）

[WebMethod]
public static void AddProductToDb(Dictionary <string, string> sizelist){}

然后确保将带有 jquery 的 json 对象发布到正确的 url...例如...PageName.aspx/AddProductToDb

如果您使用页面方法，这就是您所需要的一切

Answer 4

我相信您需要将传统设置为 true，以便正确序列化

$.ajax({
    type: "POST",
    url: pageUrl,
    traditional: true,
    data: '{"sizeList":' + sizes + '}',
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (msg) {
        alert("success");
    },
    error: function (XMLHttpRequest, textStatus, errorThrown) {
        alert("Status: " + textStatus); alert("Error: " + errorThrown);
   }
}

Answer 5

请参考以下代码。确保您的方法 "AddProductToDB" 具有 HttpPost 属性和 相同/相同 在这种情况下为参数的名称 "sizeList"强>。

C#/MVC/后端：

[HttpPost]
public static void AddProductToDB(Dictionary<String, String> sizeList)
{

    //Business logic or Data

}

Javascript / jQuery / 客户端：

然后输入您使用此函数/方法 AddProductToDB 的 URL。

例如“YourController/AddProductToDB”。

<script type="text/javascript">

    var sizes = [];
    sizes.push({ "Key": "key1", "Value": "value1" });
    sizes.push({ "Key": "key2", "Value": "value2" });
    sizes.push({ "Key": "key3", "Value": "value3" });
    $.ajax({
        type: "POST",
        url: '/YourController/AddProductToDB',
        data: JSON.stringify({
            sizeList: sizes
        }),
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (msg) {
        alert("success");
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            alert("Status: " + textStatus); alert("Error: " + errorThrown);
        }
    });

</script>

Answer 6

你可以用这个：

var param = {
    '1': '3'
};

$.ajax({
    type: "POST",
    url: pageUrl,
    data: JSON.stringify({sizeList: param}),
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (msg) {
        alert("success");
    },
    error: function (XMLHttpRequest, textStatus, errorThrown) {
       alert("Status: " + textStatus);
    }
}

然后你可以用这个从字典变量中读取它：

 public static void AddProductToDB(Dictionary<String, String> sizeList) {
     sizeList["1"]; // return "3"
 }