效果如下
选择新地址时清空表单,选择某地址后自动填写
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工具包