2

如何将 JavaScript 对象传递给 ASP.NET 处理程序并解析值?

我创建了一个复杂类型的对象,例如:

function AccountObjCreate() {
var AccountsView = {};
AccountsView.Username = null;
AccountsView.Email = null;
AccountsView.Password = null;

return AccountsView;
}

并像这样填充该对象:

var aView = AccountObjCreate();
aView.Username = $('#tbUserName').val().trim();
aView.Email = $('#tbEmail').val().trim().toLowerCase();
aView.Password = $('#tbPassword').val().trim();

然后我打电话:

$.post("/Handlers/AccountHandler.ashx", { obj: aView },
        function (results) {
            if (results.isSuccess) {
                alert(results.msg);
            } else {
                alert(results.msg);
            }
        }, "json");

当我在控制台中查看它时,我将aView中的所有数据都视为 json。

我的 ASP.NET 处理程序页面是

context.Response.ContentType = "application/json";
context.Response.ContentEncoding = Encoding.UTF8;
string obj = context.Request["obj"];

但是obj是NULL。

4

2 回答 2

5

为了将对象传递到服务器,您应该将其序列化为字符串(您可以使用此处描述的方法或在此处包含用于 javascript 的 JSON 库),然后使用 .NET类对其进行反序列化。JavaScriptSerializer

JS 代码。

var data = {
    obj: JSON.stringify(aView)
};
$.post("/Handlers/AccountHandler.ashx", data, function(results) {
    if (results.isSuccess) {
        alert(results.msg);
    } else {
        alert(results.msg);
    }
}, "json");​

然后在服务器处理程序上,您可以使用提到的JavaScriptSerializer类解析 JSON 字符串。

public class AccountsView {
    public string Username;
    public string Email;
    public string Password;
}

public void ProcessRequest(HttpContext context)
{
    JavaScriptSerializer serializer = new JavaScriptSerializer();
    string value = context.Request["obj"];
    var aView = serializer.Deserialize(value, typeof(AccountsView));

    context.Response.ContentType = "application/json";
    context.Response.ContentEncoding = Encoding.UTF8;
}
于 2012-11-16T21:41:28.097 回答
3

jQuery 不会自动为您字符串化对象。你必须自己做。

下载:https ://github.com/douglascrockford/JSON-js

将脚本引用添加到您的 HTML 并将您的$.post调用更改为:

$.post("/Handlers/AccountHandler.ashx", { obj: JSON.stringify(aView, null, 2) }...

ContentType 也不正确。我只是将其保留为默认值。虽然您将以这种方式提交 JSON 数据,但 ContentType 本身不是 JSON。内容类型将是常规发布数据。这是发布数据:

obj={"Username":"MyUsername", "Password":"MyPassword"...

这是 JSON

{"obj":{"Username":"MyUsername", "Password":"MyPassword"...

有时它会让人感到困惑。

更好的方法是研究 ASP.Net MVC。控制器方法能够自动将 JSON 对象反序列化为 .Net 模型,因此您可以在客户端代码上执行此操作:

$.post("/Handlers/AccountHandler.ashx", JSON.stringify({ view: aView }, null, 2) }...

编写一个与 aView 的结构匹配的 .Net 类:

class Account { 
    public string Username { get; set; } 
    public string Password { get; set; }
    public string Email { get; set; }
}

然后像这样定义一个控制器方法:

public JsonResult SaveAccount(Account view)

让事情变得简单多了。:)

于 2012-11-16T21:43:29.503 回答