1. 程式人生 > >Ext.Ajax.request獲取後臺的資料

Ext.Ajax.request獲取後臺的資料

       嘗試用Ext.Ajax非同步操作來改變頁面回顯的值,試了好幾次都沒成功快哭了,終於啊,試出來試出來了,功夫不負有心人。(開心)

具體如下:

    js程式碼:

<script type="text/javascript">
Ext.onReady(function(){
	var djzcqh = Ext.getCmp('djzcqh').getValue();
	Ext.Ajax.request({
	    url: '<%=ctxPath%>/lr/areaAction.do?method=getDjzcqhName',
	    //url攜帶引數
	    params:{
	    	djzcqh:djzcqh
	    },
	    success: function(response){
	    	//獲取後臺response寫入的值
	    	var data =response.responseText;
		Ext.getCmp('assistant3').setValue(data);    	
	    }
	}); 
});
</script>

    後臺程式碼(struts1):

public ActionForward getDjzcqhName(final ActionMapping mapping, final ActionForm actionForm,
			final HttpServletRequest request, final HttpServletResponse response) throws IOException {
		String djzcqh = request.getParameter("djzcqh");
		response.setCharacterEncoding("UTF-8");
		String djzcqhName =bs.getDjzcqh(djzcqh);
                //將要回顯的值寫出去
                response.getWriter().write(djzcqhName);
		return null;
	}
        總體描述一下,當Jsp頁面載入完執行JS通過ajax非同步請求url,後臺方法執行完成後,將值通過response寫出去,請求完成後,執行成功函式,通過response.responseText就可以獲得後臺寫出去的值,然後就可以隨便操作該資料了。