목록 작성을위한 jquery가있는 Jsonp

여기에서 많은 설명과 json을 사용하여 목록을 작성하는 방법을 설명하는 다른 출처에서 읽었습니다. 그래서 저는 그것에 ul이있는 매우 간단한 html 페이지를 가지고 있습니다 :목록 작성을위한 jquery가있는 Jsonp

<!DOCTYPE html> 
<html> 
    <link rel="stylesheet" href="css/normalize.css"> 
    <link rel="stylesheet" href="css/main.css"> 
    <script src="js/vendor/modernizr-2.6.2.js"></script>   
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"> </script> 
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.1.min.js"><\/script>')</script> 
    <script src="js/main.js"></script> 
    <script> 
     $(document).ready(getElementsInGroup); 
    </script> 
</head> 
<body> 
<ul id="memberList"> 
</ul> 
</body> 
</html>

main.js에서 멤버를 얻는 두 가지 방법이 있습니다. 첫 번째는해서 getJSON를 사용 : 나는 전화가 해고 결과가 반환되는 것을 불을 지르고에서 볼 수

function getElementsInGroup() { 
var url = 'http://108.250.12.12:8080/members?format=json&jsonp=?'; 
$.getJSON(url, null, function(data) { 
    var items = []; 
    $.each(data, function(index, element) { 
     items.push("<li>" + element.text + "</li>"); 
     }); 
    $('#memberList').append(items.join('')); 
    }); 
};

[{"text": "Bob Jones", "id": 1}, {"text": "Mary Smith", "id": 2}]

그러나 목록이 표시되지 않고 둘 다 오류를 않습니다. 그래서 함수의 버전을 만들려고하는 나는 그냥 그 하드 코딩 reult을 넣어 여기서

function getElementsInGroup2() { 
     var items = []; 
     var data = [{"text": "Bob Jones", "id": 1}, {"text": "Mary Smith", "id": 2}]; 
     $.each(data, function(index, element) { 
      items.push("<li>" + element.text + "</li>"); 
      }); 
     $('#memberList').append(items.join('')); 
};

그리고 이것은 내가 찾고 있어요 목록을 생성합니다. 내가 잘못하고있는 것을 볼 수있는 것이 있습니까?

출처

2013-07-01 RockyMountainHigh

console.log ($ ('# memberList'))). inside inside .getJSON? – raam86

아무 것도 보이지 않습니다. @ raam86 – RockyMountainHigh

ajax 호출 후 변경 사항이 있습니까? 돔에 추가 된 것은 무엇입니까? – raam86

답변은 실제로 내가 사용하고있는 경로가 jsonp를 지원하지 않는다는 것입니다. 나는 길을 수정했고 모두 좋다. 고맙다 @ 펠릭스.

출처

2013-07-05 15:56:31 RockyMountainHigh

JSON 게시물의 결과가 표시되므로 여기에서 for 루프를 사용하여 목록을 바인딩해야합니다. (i = 0; i < = data.length; i ++) { items.push ('

'+ data [i] .text + '

')에 대해 과 같이 사용하십시오. }

출처

2013-07-04 10:14:04 Hitesh

목록 작성을위한 jquery가있는 Jsonp

답변

관련 문제