> 웹 프론트엔드 > JS 튜토리얼 > Jquery가 json에서 지도 객체를 작동하는 방법에 대한 샘플 코드

Jquery가 json에서 지도 객체를 작동하는 방법에 대한 샘플 코드

黄舟
풀어 주다: 2017-07-19 16:37:02
원래의
1721명이 탐색했습니다.

가끔 jquery 연산 맵을 접하는데 종종 잊어버리므로 기록해 두세요:

백엔드 java 코드, 맵 데이터 생성

if (Collections.isNotEmpty(vidList)) {  
      
    this.dtcMap = new HashMap<String, Object>();  
      
    for (String vid : vidList) {  
          
        boolean isExist = (iCache.get("EMC" + vid) != null);  
          
        // LOGGER.info("******************************** vid = " + iCache.get("EMC" + vid));  
        if (isExist) {  
              
            dtcMap.put(vid, iCache.get("EMC" + vid));  
        }  
    }  
}
로그인 후 복사

프론트 엔드 Jquery 연산

function getDtcAndGps() {  
  
    $.Ajax( {  
            url : $.webPath + &#39;obd/monitor/getMonitorRtDtc.do&#39;,  
            success : function(data) {  
  
                if (data.errMsg) {  
                      
                    $.alert(data.errMsg);  
                } else {  
                      
                    $("#carContentDiv").empty();  
                    var html = "";  
                    $.each(data.dtcMap, function(key, value) {  
  
                        html += "<div id=&#39;" + key + "&#39; class=&#39;carImg&#39;>A:<img src=&#39;" + $.webPath  
                                + "resources/images/demo/car1.jpg&#39; class=&#39;carIcon&#39;/>" + key  
                                + "</div>";  
                          // html += value;  
                          // html += key;  
                        });  
                      
                    $(html).appendTo("#carContentDiv");  
                    // $.alert(data.dtcMap);  
                }  
            }  
    });  
}
로그인 후 복사

위 내용은 Jquery가 json에서 지도 객체를 작동하는 방법에 대한 샘플 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿