Ajax实现下拉框地址切换

效果如下

选择新地址时清空表单，选择某地址后自动填写

1、后端struts2 Action代码

public String findAddr() throws IOException{
        ServletResponse response = ServletActionContext.getResponse();
        response.setCharacterEncoding("utf-8");
        System.err.println("addressValue="+addressValue);
        Address addr = os.queryAddressById(addressValue);
        Gson gson = new Gson();
        String json = gson.toJson(addr);
        PrintWriter out = ServletActionContext.getResponse().getWriter();       
        out.print(json);
        return null;
    }

2、前端Ajax代码

function switchAddr(){

	if($("#address").val()==-1) {		
		$("#addressId").val(null);
		$("#consignee").val("");
		$("#fullAddress").val("");
		$("#zipCode").val("");
		$("#phone").val("");
		$("#telephone").val("");
		$("#zipCode").attr("readonly",false);
		$("#zipCode").css("background","#FFFFFF");
	}
	else {
		
		$.ajax({
			url:"${pageContext.request.contextPath }/address/findAddr",
			data:"addressValue="+$("#addressValue").val(),
			dataType:"json",
			success:function(data){
				$('#addressId').attr("value",data.addressId);				
				$('#consignee').attr("value",data.consignee);
				$('#fullAddress').attr("value",data.address);
				$('#zipCode').attr("value",data.zipCode);
				$('#phone').attr("value",data.phone);
				$('#telephone').attr("value",data.telephone);				
			}
		});
	}
}

3、注意导入Gson工具包