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

本文鏈接：https://blog.csdn.net/weixin_42273990/article/details/80557317

智能推薦

vue實現下拉框動態篩選

實現效果如下：具體代碼入下： 1、其中：filterable :filter-method="dataFilter"為過濾的關鍵 2、dataFilter的方法首先要初始化一個approveUserOption，并且讓optionsCopy = approveUserOption。如果為則給optionsCopy 復制approveUserOption。...

在同一頁面下點擊下拉框切換不同的div

最近在寫vue項目用到了vue+elementui等技術由于對element組件庫不是太熟悉踩了一些坑，接下來分享給大家，希望能給大家帶來一些幫助。需求是這樣的：在同一頁面下點擊下拉框切換不同的div （el-select 中 el-option下拉框綁定事件并切換）這里是點擊權限下拉框切換不同用戶我的思路是這樣的給需要切換的div 加上v-show指令 v-show兩個div的切換...

JS實現點擊按鈕圖片左右切換、點擊圖片按鈕出現下拉菜單

前天幫人做個網頁作業，大概要求就是使用兩個按鈕控制圖片的切換，在頁面右上角出現一個圖片按鈕，點擊這個按鈕出現下拉菜單。第一個要求還是很簡單的，第二個多花了我幾個小時的時間，因為我只做過select下拉菜單,這種使用圖片按鈕的還真沒整過。不過后來找到一種方法就是對下拉菜單單獨放置一個div，設置style=”display:none”，當點擊圖片按鈕的時候更改style=&...

freemarker + ItextRender 根據模板生成PDF文件

1. 制作模板 2. 獲取模板，并將所獲取的數據加載生成html文件 2. 生成PDF文件其中由兩個地方需要注意，都是關于獲取文件路徑的問題，由于項目部署的時候是打包成jar包形式，所以在開發過程中時直接安照傳統的獲取方法沒有一點文件，但是當打包后部署，總是出錯。于是參考網上文章，先將文件讀出來到項目的臨時目錄下，然后再按正常方式加載該臨時文件；還有一個問題至今沒有解決，就是關于生成PDF文件...

Ajax實現下拉框地址切換

智能推薦

猜你喜歡