struts2实现Ajax实例

1.jsp页面jQuery

<span style="font-size:18px;"><script type="text/javascript" language="javascript"> 
	$(function(){
	$("#typeSelect").bind("change",function(){
		//alert($("#typeSelect").val());
		//$("#textCondition").val("");
		var url="ajaxAction.do";
		var type=$("#typeSelect").val();
		//alert(type);
		if(type=="type"){
		//alert(type);
			$("#textCondition").remove();
		 	var select = $("<select id='textCondition' name='condition' class='select' />").insertAfter($("#typeSelect"));
		 	var level = $("#level").val();
		 	var ps={"level":level};
			$.post(url,ps,function(dataMap){
				//有数据
				var html="";
				$.each(dataMap.data,function(i,d){
					if(d.dr == 1){
						html+='<option value="'+(d.level)+'">'+(d.title)+'</option>';
					}
				});
				select.html(html);
			});
		 	
            select.css("height","36px");
            select.css("width","230px");
		}else{
			$("#textCondition").remove();
			$("<input type='text' id='textCondition' name='condition' class='textbox textbox_225' placeholder='输入关键字进行查询'/>").insertAfter($("#typeSelect"));
		}
	});</span>

2.action类

<span style="font-size:18px;">public class AjaxAction extends BaseAction {

	private ICenterService centerService = (ICenterService) ServiceProvinder.getService(ICenterService.SERVICE_NAME);
	//获得返回的json数据，这个必须要getter方法
	private Map<String, Object> dataMap;
	public Map<String, Object> getDataMap() {
		return dataMap;
	}
	//提交Action的方法
	public String centerMenu() {
		//获得一级栏目
		String level=request.getParameter("level");
		 //根据一级栏目查询二级栏目内容
		 List<Center> centers=centerService.findConditionByType(level);
		 //实例化map对象
		 dataMap =new HashMap<String, Object>();
		 //将查询的集合添加到map里
		 dataMap.put("data", centers);
		 //返回一个string参数，用于找struts.xml中的result
		return "jsonData";
	}
}</span>

3.Center是一个实体类

4.struts.xml配置

<!-- 配置Ajax返回json数据，先导入struts2-json-plugin-2.3.16.3.jar包 ，然后新建package ，要继承json-default -->
<package name="ajax" extends="json-default" >
	<!-- 配置action -->
	<action name="ajaxAction" class="cn.edu.xmu.cceer.web.action.AjaxAction" method="centerMenu">
        <!-- 将返回类型设置为json type必须为json -->
        <result name="jsonData" type="json">
        	 <param name="root">dataMap</param>
        </result>
       </action>
</package>

5.用到的jar包