c# - 将参数作为字典对象传递给 JavaScript 函数

Question

请帮助我理解帖子 JavaScript post request like a form submit 中的以下部分代码

function post_to_url(path, params, method) {
....
for(var key in params) {
    var hiddenField = document.createElement("input");
    hiddenField.setAttribute("type", "hidden");
    hiddenField.setAttribute("name", key);
    hiddenField.setAttribute("value", params[key]);

    form.appendChild(hiddenField);
}
....

这是否意味着我们可以将 Dictionary 对象传递给 JavaScript 函数(从 Silverlight 应用程序调用 JavaScript 函数)，它会生成 key=value&key2= 形式的参数字符串value2&key3=value3 ?

例如，传递以下字典:

Dictionary<string, decimal> postdata = new Dictionary<string, decimal>();
postdata["productID1"] = 126504;
postdata["productID2"] = 126505;

我们得到函数输出:productId1=126504&productId2=126505 ?

Answer 1

取决于你所说的输出是什么意思。该函数不直接输出任何东西。它创建一个表单并为对象中的每个键值对添加一个输入元素。然后提交该表单，浏览器在内部生成该参数字符串并将其 POST 到 URL。如果输出是指“发布到服务器”，那么是的 - 这就是它的作用。

关于从托管代码 (silverlight) 传入对象，这似乎是可能的。只要键是字符串，Dictionary 就会被编码为 Javascript 对象。您将能够使用常规的 javascript 属性符号(dictionary["key"] 或 dictionary.key)访问条目。

More reading关于字典编码。

此外，我可能是错的(我的 C# 有点生疏)，但不会:

Dictionary<string, decimal> postdata = new Dictionary<string, decimal>();
postdata["productID"] = 126504;
postdata["productID"] = 126505;

被认为是无效的？在 Dictionary 中，如 Javascript 对象，所有键都必须不同，不是吗？

---

如果您只需要查询字符串，那么想出一个从 JS 对象创建参数/查询字符串的函数相对容易。

例如:

function paramString(object) {
    var strBuilder = [];
    for (var key in object) if (object.hasOwnProperty(key)) {
       strBuilder.push(encodeURIComponent(key)+'='+encodeURIComponent(object[key]));
    }
    return strBuilder.join('&');
}

paramString(postdata)
"productID1=126504&productID2=126505"