ホームページ > ウェブフロントエンド > jsチュートリアル > Jquery が JSON 内のマップ オブジェクトを操作する方法のサンプル コード

Jquery が JSON 内のマップ オブジェクトを操作する方法のサンプル コード

黄舟
リリース: 2017-07-19 16:37:02
オリジナル
1717 人が閲覧しました

JQueryでマップを操作する場面に時々遭遇しますが、忘れがちなので記録しておきます:

バックエンドのJavaコード、Mapデータの生成

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 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート