Jquery appending undefined

Question

json을 추가하는 데 문제가 있습니다. 그것은 여러 undefineds 인쇄 및 원인을 무엇인지 확실하지 않습니다.

내 코드 :

$("button").click(function() { 
    $.getJSON("https://api.myjson.com/bins/503aj", function(obj) { 
     $.each(obj, function(key, test) { 
     $("ul").append("<div>" + test.CustomerRef + "</div>" + "<div>" + obj.CustomerName + "</div>" + "<div>" + test.DelAddress1 + "</div>"); 
     }); 
    }); 
    }); 

문제를 보여주는 JS 링크 바이올린;

https://jsfiddle.net/7vshmzj7/

왜 그것을 하는가? 가능한 해결 방법은 무엇입니까?

Answer 1

는 다시 받고있는 JSON은 다음과 같습니다

당신이 $.each과를 통해 루프가 무엇인가, 그리고 $.each 그것을 통해 반복 아니다

{ 
    "AddressData": { 
     "OrderNo": "4200", 
     "CustomerRef": "A1011", 
     "DelAddress1": "4 Test Road", 
     "DelAddress2": "Testing Lane", 
     "DelAddress3": "Testland", 
     "DelAddress4": "UK", 
     "DelPostCode": "DB11 8DA" 
    }, 
    "CustomerRef": "A1011", 
    "CustomerName": "John Doe", 
    "CustomerData": { 
     "Email": "JohnDoe2500@gmail.com", 
     "Phone": "07785442" 
    } 
} 

가 문제입니다.

그냥 직접 사용 : 당신이 액세스하는 세 개의 필드는 다음과 같은 점에서 액세스하는 것을

$("button").click(function() { 
    $.getJSON("https://api.myjson.com/bins/503aj", function(obj) { 
     $("ul").append("<div>" + obj.CustomerRef + "</div>" + "<div>" + obj.CustomerName + "</div>" + "<div>" + obj.AddressData.DelAddress1 + "</div>"); 
    }); 
}); 

참고 :

• obj.CustomerRef
• obj.CustomerName
• obj.AddressData.DelAddress1

을

Updated Fiddle