2012-02-13 3 views
0

JSON 객체를 사용하여 드롭 다운을 채우는 방법을 알아야합니다. php를 사용하여 클라이언트에 json을 보냅니다 .. 클라이언트가 ajax를 사용하여 json 데이터를 잡습니다. 아래 코드를 사용하여 서버에서 정확히 수신 한 내용을 확인합니다.json을 사용하여 드롭 다운 메뉴 채우기

var test = xmlhttp.responseText; 
    alert(test); 

결과는 다음과 같습니다 .. 저를 보여주는데 ...

{"2":"pricelist.xml","3":"camera.xml", "4":"cd.xml","5":"data.xml"} 

은 내가 정확히 할 것은 ... 나는 PHP와 I를 사용하는 파일 이름을 읽기 서버 메신저에 xml 파일의 설정 json_encode를 사용하여 json 객체로 변환 한 다음 클라이언트에서 서버에서 보내는 json 데이터를 사용하여 드롭 다운 목록을 채 웁니다. 위에서 테스트 한 것처럼 클라이언트 측에서 json 데이터를받는 데 문제가 없습니다. 나는이 도움이 될 JSON 데이터 위 (jQuery 사용)

+1

를 사용하여 데이터를 채우는 어떻게 알 필요가 : http://stackoverflow.com/questions/5155467/auto-populating-select-boxes-using-jquery-and-ajax-not-working-in-anything-new – sikander

답변

1

귀하의 HTML

<select id="myselect"> 
</select> 

자바 스크립트

var json={} // Populate this json object 
$.each(json, function(key, value){ 
    $('#myselect').append("<option value='"+key+"'>"+value+"</option>"); 
}); 
+0

나는 위의 코드를 시도했다. 그것은 작동하지 않는 것 .. 여기 내 코드는 어디 서버에서 오는 json obj 잡을 수 있습니다. 'xmlhttp.onreadystatechange = 함수() \t \t \t \t \t { \t \t \t \t 경우 (xmlhttp.readyState의 == 4 && xmlhttp.status의 == 200) \t \t \t \t \t \t { \t \t \t \t \t var test = xmlhttp.responseText; \t \t \t \t \t \t AddFiles (test); 난 AddFiles 함수 내부 UR 코드를 삽입 한' \t \t \t \t \t} \t \t \t}. –

+0

jQuery를 포함 시켰습니까? 이 태그를 머리 부분에 넣으십시오.이 태그를 다른 태그 중 첫 번째 태그로 만드십시오. '' –

+0

여러 번 수정하면 죄송합니다. 나는이 시간에 맞았다 고 생각한다 : P. 한 줄 더주의해야 할 점은 세 번째 줄에 ID별로 선택을 참조하십시오. 나는 그것에 따라 위의 대답을 업데이트했다. –