我使用 jQuery 得到未定义的输出答案

【问题标题】：I get undefined as output using jQuery我使用 jQuery 得到未定义的输出
【发布时间】：2017-08-10 21:37:30
【问题描述】：

我正在开发一个 jQyery，我发现实现以下部分令人困惑。我得到的结果未定义我不知道这部分有什么问题

<input name="find" type="text" maxlength="400" id="find"/>
 <button onclick="find()" > Find </button>

function find()
        {
            var id = document.getElementById("find").value;
            $("#datta").html("");

            $.getJSON("http://localhost:8080/Fathers/" + id +"/Sons",  function(data)
            {
                for (var i in data) {
                    $('#datta').append("<p>ID: " + data.id + "</p>")
                    $('#datta').append("<p>fname: " + data.fname + "</p>")

                }});}

我的 java 控制器类中有

RequestMapping(method = RequestMethod.GET, value = "/Fathers/{fatherId}/Sons")

如果我在浏览器中输入http://localhost:8080/Fathers/1/Sons 我得到一个数组

RequestMapping(method = RequestMethod.GET, value = "/Fathers/{fatherId}/Sons/{sonId}")

如果我在浏览器中输入http://localhost:8080/Fathers/1/Sons/1 我得到一个对象

父类：

private int id;
private String fname;
private String lname;
private Set<Son> sons = new HashSet<>();
public AppProduct(int id, String fname , String lname) {
    this.id = id;
    this.fname = fname;
    this.lname = lname;}

我的儿子班：

private int id;
private String fname;
private String lname;
private Set<Grandson> grandsons = new HashSet<>();
public AppProduct(int id, String fname , String lname) {
    this.id = id;
    this.fname = fname;
    this.lname = lname;

}

使用我当前的代码，我得到：

ID : 未定义名字：未定义

【问题讨论】：

标签： java jquery spring rest

【解决方案1】：

for ... in 语句循环遍历对象的属性，因此您不能以您想要的方式使用循环。你应该使用类似jquery.each()

$.each(data, function( key, value ) {
  $('#datta').append("<p>ID: " + value.id + "</p>")
  $('#datta').append("<p>fname: " + value.fname + "</p>")
}

或基本的for 循环。

for(var i = 0; i < data.length; i++){
   $('#datta').append("<p>ID: " + data[i].id + "</p>")
   $('#datta').append("<p>fname: " + data[i].fname + "</p>")
}

【讨论】：