asmx Web 服务、json、javascript/jquery？

Question

我正在使用 asmx 从数据库检索一些数据，

public class TestPage1
{
    public int UserID { get; set; }
    public string UserName { get; set; }
    public string Password { get; set; }
    public string FirstName { get; set; }
    public string LastName { get; set; }
    public string MiddleName { get; set; }
}




    [WebMethod]
    public EntityLayer.TestPage1 GetData(int id)
    {
        TestPage1 test = TestPage1.GetData(id).SingleOrDefault();
        return test;
    }


$.ajax({
  type: "POST",
  contentType: "application/json; charset=utf-8",
  url: "WebService.asmx/GetData",
  data: "{id}",
  dataType: "json"
});

如何在 javascript 中反序列化测试对象？ 还有更好的方法吗？ 谢谢

Answer 1

我建议您查看我之前的回答来了解关闭问题如何构建 JSON 对象以发送到 AJAX WebService？ 和 如果 ContentType 不是 JSON，我可以从 .asmx Web 服务返回 JSON 吗？

正确的代码应如下所示

[WebMethod]
[ScriptMethod (ResponseFormat = ResponseFormat.Json)]
public EntityLayer.TestPage1 GetData(int id)
{
    TestPage1 test = TestPage1.GetData(id).SingleOrDefault();
    return test;
}

，

var myData = 5;
$.ajax({
    type: "POST",
    contentType: "application/json; charset=utf-8",
    url: "WebService.asmx/GetData",
    //data: {id:JSON.stringify(myData)},
    data: JSON.stringify({id:myData}),
    dataType: "json",
    success: function(response){
        alert("UserName=" + response.d.UserName +
              ", FirstName=" + response.d.FirstName +
              ", MiddleName=" + response.d.MiddleName+
              ", LastName=" + response.d.LastName);
    }
})

其中 JSON.stringify 是脚本 json2.js 中的函数，您可以从 http://www.json.org/js.html。

如果 id 值是整数 JSON.stringify(myData) 与 myData 相同，但对于所有更复杂的示例，我强烈建议您使用此功能。

从代码中您还可以看到，Web 方法的所有结果都将保存在属性 d 中，因此您应该使用例如 response.d.FirstName 语法来访问名字。

更新：如果是 HTTP GET，data 参数应为 {id:JSON.stringify(myData)}。对于 HTTP POST：JSON.stringify({id:myData})

Answer 2

有几件事...

• 您的 Web 服务必须使用 ScriptServiceAttribute 进行标记，以允许它返回 JSON (http://msdn.microsoft.com/en-us/library/system.web.script.services.scriptserviceattribute.aspx)
• 您的 $.ajax 方法必须有一个“成功”处理程序（http://api.jquery.com/jQuery.ajax/< /a>)
• 返回的 JavaScript 对象将具有与 C# 对象相同的属性名称
• 查看传输中的 JSON 序列化对象的好方法是使用 Fiddler (http://www.fiddler2.com/fiddler2/)

一些未经测试的示例代码：

$.ajax({
  type: "POST",
  contentType: "application/json; charset=utf-8",
  url: "WebService.asmx/GetData",
  data: "{id}",
  dataType: "json"
  success: function(data) {
    var str = '' +
      'UserName: ' + data.UserName + '\n' +
      'Password: ' + data.Password + '\n' +
      'FirstName: ' + data.FirstName + '\n' +
      'LastName: ' + data.LastName + '\n' +
      'MiddleName: ' + data.MiddleName;
    alert(str);
  }
});