直接在客户端访问 JSON 对象的属性

Question

由于与 Sharepoint 不兼容，我的任务是将单页 ASP.NET MVC 3 Web 应用程序转换为 ASP.NET 3.5 Web 窗体应用程序。我无法访问 Web 表单应用程序的 json 结果中对象的属性。谁能告诉我我做错了什么？另外，使用 Web 表单返回 json 数据时，使用 WCF 服务还是常规 Web 服务更好？谁能给我一些例子？使用内置的 Javascript 序列化程序或 JSON.net 库更好吗？这是我的代码 -

MVC方法-

public ActionResult LoadPerson()
{
   var p = new Person;
   p.Name = "Bob";    
   return Json(new { value = p}, JsonRequestBehavior.AllowGet); //what is the equivalent of this in webforms so I can access the properties directly?
}

MVC javascript 文件 -

var person;
    $.ajax({
            url: 'Home/LoadPerson',           
            type: 'GET',
            async: false,
            contentType: 'application/json;',
            dataType: 'json',
            success: function (result) {
                person = result.value;
            }
        });
alert(person.Name); //works fine.

Web 表单代码隐藏 -

    [WebMethod]
    [ScriptMethod(ResponseFormat = ResponseFormat.Json)] 
    public static string LoadPerson()
    {
        var p = new Person();
        p.Name = "Bob";                
        var serializer = new JavaScriptSerializer();
        return serializer.Serialize(p);
    }

Web 表单 javascript -

var person;
     $.ajax({
            url: 'Default.aspx/LoadPerson',
            type: 'POST',  
            async: false,
            contentType: 'application/json;',
            dataType: 'json',
            success: function (result) {
                person = result.d;
            }
        });

alert(person.Name); //undefined. Why?

Answer 1

您的问题是由于手动 JSON 序列化来自您的页面方法的响应。在您的服务响应上运行 JSON.parse() 后，jQuery 会留下一个 JSON 字符串，而不是带有 .Name 等属性的对象。

ASP.NET automatically handles that step（在内部使用 JavaScriptSerializer，不少于）。如果您只是返回对象并让 ASP.NET 处理翻译，它应该可以按预期工作：

[WebMethod]
public static Person LoadPerson()
{
    var p = new Person();
    p.Name = "Bob";                

    return p;
}

更详细的解释请看这篇文章：http://encosia.com/asp-net-web-services-mistake-manual-json-serialization/

---

在更改代码时，我建议避免使用async: false 方法。由于 JavaScript 在单个共享线程中运行，并且在大多数浏览器中与 UI 渲染共享该线程，因此任何同步代码都会引入大量性能问题。这甚至可能导致您的脚本显示一个无响应的脚本对话框，让您的用户可以选择取消其执行。