JSバックグラウンドからデータを取得し、フロントにtrタグのtdタグを動的に追加する

1781 ワード
➹➹➹②JavaScript JQuery
機能説明:バックグラウンドから省のすべての都市をクエリーし、動的にフロントの固定trラベルに対応するtdラベルを追加して都市の基本情報を表示する必要があります.
文書ディレクトリ
#一、フロントjsp及びjsソースコード
jsp:固定されたtrタグにidを追加し、jsメソッドでtrタグを取得する

js:ページのロードが完了したら、操作を実行します.バックグラウンドにデータjson形式のデータを要求し,取得したデータを追加するtdタグに付与する.
$(function () {
	//    
	var temp_html;
	//      
	$.post('/gj/gj/exam/gjSubsidyMoneyList.do?action=getLineCity',{'code':45},function(result){
		var lineInfo =  $.each(result.cityName,function(i, lineInfo){
		//       td   
             temp_html+=""+lineInfo.cityName+"";
             temp_html+="";
         });
         //     td  ，   tr   
		$("#lineDrop").append(temp_html);
	})
})

#二、バックグラウンドaction
	public String getLineCity(){
		//             ；
		List cityList = hrOrganizationService.retrieveSub(
				Long.valueOf("45"), false);
		List> lineList = new ArrayList>();
		for(int i=0;i map = new HashMap();
			map.put("tdid","compareValue"+(i+1));
			map.put("cityCode",cityList.get(i).getGroupCode() );
			map.put("cityName", cityList.get(i).getGroupName().replace(" ", ""));
			lineList.add(map);
		}
		result.put("cityName",lineList);
		result.put("tdid",lineList);
		return "resultData";
	}

また、jsがtr、tdラベルを動的に追加した文章を見て、いいと思います.記録します.jsがtrtdを動的に追加します.
jQueryカード書き方まとめおよび対象向け書き方まとめ
第三章(1):基本概念(学習ノート)