效果如下

選擇新地址時清空表單，選擇某地址後自動填寫

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工具包