如何从服务器端对象调用 javascript 对象的属性/方法

Question

我通常使用 C#、jQuery 2.x、Chrome 作为这样的浏览器从 restful 资源 Web Api 2 获取 js 对象

C#

public class Employee
{
   private int id;
   private string firstName;
   private string lastName;

   public int ID
   {
      get{ return this.id; }
      set{ this.id = value; }
   }

   public string FirstName
   {
      get{ return this.firstName; }
      set{ this.firstName = value; }
   }

   public string LastName
   {
      get{ return this.lastName; }
      set{ this.lastName = value; }
   }

   public string FullName
   {
      get{ return this.firstName + " " + this.lastName; }
   }   
}

我有一个这样的控制器

public class EmployeeController : ApiController
{

   [HttpGet]
   public Employee GetEmployee(int id)
   {
      return EmployeeService.Instance.GetEmployee(id);
   }

}

然后在我的js中我这样调用资源

function getEmployee(id) {
    $.ajax({
        type: "GET",
        url: "localhost:8080/Employee/" + id,
        success: bindEmployee
    });
}

function bindEmployee(employee){
   alert(employee.FullName);
}

Java

现在我想使用 Jersey 2.23、Java json 1.0、Tomcat 8 在 Java 中做同样的事情。所以我的班级 Employee

public class Employee{
  private int ID;
  private string firstName;
  private string lastName;

  //regular getter and setter methods

  public string getFullName(){
     return this.firstName + " " + this.lastName;
  }
}

这是我宁静的资源

@Path("/employee")
public class EmployeeController {

    @GET
    @Produces(MediaType.APPLICATION_JSON)
    public Response getEmployee(@PathParam("id") long id) throws JSONException{
        Employee employee = new Employee();
        employee.setId(id);
        employee.setFirstName("john");
        employee.setLastName("smith");
        return Response.status(200).entity(employee).build();
    }
}

我像这样用 angularjs 中的 $http 对象调用 restful 资源

return $http({
 method : 'GET',
 url : 'localhost:8080/employee/1',
}).then(onSuccess, onError);

function onSuccess(response){
   return response.data;
}

function onError(response){
//
}

响应数据是我的员工，但我只能看到私有成员，但我无法调用 getFullName 方法。不在 JSON 字符串中，它是一个 Javascript 对象。

是否有在 javascript 中调用 getFullName 的解决方法？我想避免像这样 firstName + " "+ lastName 这样的客户端连接。

这是 Chrome 中开发者工具的输出。

Answer 1

在您的情况下，Java 对象被序列化为 JSON 以通过线路发送到浏览器，但 fullName 字段没有与对象一起序列化。虽然 javascript 无法访问 getFullName 方法，但您可以序列化任意字段，例如在 Java 端包含 fullName 字段。我不知道您在 Jersey 中使用的是什么序列化库，但如果您使用的是 Jackson，您可以简单地将方法注释为 JSON 属性：

@JsonProperty("fullName")   
public string getFullName() {
    return this.firstName + " " + this.lastName;   
}

您还可以使用 Moesif 和 Fiddler 等工具查看通过网络传输的有效负载。

Answer 2

在 c# 中，您的 GetFullName 是一个属性。 在 Java 中，它是一个函数。

JSON 仅序列化属性。如果您希望您的 Java 对象序列化 FullName，您必须将其转换为属性或对其进行注释。