使用ajax()方法和後台互動

　　ajax()方法是jQuery底層的ajax實現，通過HTTP請求載入遠端資料。

　　

 1 $.ajax({ 2         type: "GET", 3         url: "handleAjaxRequest.action", 4         data: {paramKey:paramValue}, 5         async: true, 6         dataType:"json", 7         success: function(returnedData) { 8             alert(returnedData); 9             //請求成功後的回呼函數10             //returnedData--由伺服器返回，並根據 dataType 參數進行處理後的資料；11             //根據返回的資料進行業務處理12         },13         error: function(e) {14             alert(e);15             //請求失敗時調用此函數16         }17     });18 }

　　參數說明:

　　type:請求方式，“POST”或者“GET”,預設為“GET”。

　　url:發送請求的地址。

　　data:要向伺服器傳遞的資料，已key:value的形式書寫（id:1）。GET請求會附加到url後面。

　　async:預設true,為非同步請求，設定為false,則為同步請求。

　　dataType:預期伺服器返回的資料類型,可以不指定。有xml、html、text等。

　　在開發中，使用以上參數已可以滿足基本需求。

　　如果需要向伺服器傳遞中文參數，可將參數寫在url後面，用encodeURI編碼就可以了。

　　

 1 var chinese = "中文"; 2 var urlTemp = "handleAjaxRequest.action?chinese="+chinese; 3 var url = encodeURI(urlTemp);//進行編碼 4  5 $.ajax({ 6         type: "GET", 7         url: url,//直接寫編碼後的url 8         success: function(returnedData) { 9             alert(returnedData);10             //請求成功後的回呼函數11             //returnedData--由伺服器返回，並根據 dataType 參數進行處理後的資料；12             //根據返回的資料進行業務處理13         },14         error: function(e) {15             alert(e);16             //請求失敗時調用此函數17         }18     });19 }

 

　　struts2的action對請求進行處理：

　　

 1 public void handleAjaxRequest() { 2         HttpServletRequest request = ServletActionContext.getRequest(); 3         HttpServletResponse response = ServletActionContext.getResponse(); 4         //設定返回資料為html文字格式設定 5         response.setContentType("text/html;charset=utf-8"); 6         response.setHeader("pragma", "no-cache"); 7         response.setHeader("cache-control", "no-cache"); 8         PrintWriter out =null; 9         try {10             String chinese = request.getParameter("chinese");11             //參數值是中文，需要進行轉換12             chinese = new String(chinese.getBytes("ISO-8859-1"),"utf-8");13             System.out.println("chinese is : "+chinese);14             15             //業務處理16             17             String resultData = "hello world";18             out = response.getWriter();19             out.write(resultData);20             //如果返回json資料，response.setContentType("application/json;charset=utf-8");21             //Gson gson = new Gson();22             //String result = gson.toJson(resultData);//用Gson將資料轉換為json格式23             //out.write(result);24        out.flush();25             26         }catch(Exception e) {27           e.printStackTrace();28         }finally {29             if(out != null) {30           out.close();31        }32      }33     }

 

　　struts.xml設定檔：不需要寫傳回型別

　　

1 <action name="handleAjaxRequest" class="com.test.TestAction"2                 method="handleAjaxRequest">3  </action>