ajax（jquery）+ struts 搭建

1，頁面

(1)Javascript

//利用Jquery框架 function verify(){ //alert("Enter the script"); //1.獲取文本框中的內容 //document.getElementById("userName"); dom的方式 //Jquery的查找節點的方式，參數中#加上id屬性值可以找到一個節點。 //jquery的方法返回的都是jquery的對象，可以繼續在上面執行其他的jquery方法 //var jqueryObj=$("#userName"); //var userName=jqueryObj.val(); //alert(userName); //2.將文本框中的數據發送給服務器段的servelt //使用jquery的XMLHTTPrequest對象get請求的封裝 //解決中文亂麻問題的方法1，頁面端發出的數據作一次encodeURI，服務器段使用new String(old.getBytes("iso8859-1"),"UTF-8"); //解決中文亂麻問題的方法2，頁面端發出的數據作兩次encodeURI，服務器段使用URLDecoder.decode(old,"UTF-8") var url="staff.do?command=toShowMessage&userName="+encodeURI(encodeURI($("#userName").val())); //url = convertURL(url); $.get(url,null,callback); } function callback(data){ //3.接收服務器端返回的數據，data值 //找到保存結果信息的節點 var resultObj=$("#result"); //4.將服務器段返回的數據動態的顯示在頁面上 resultObj.html(data); }

(2)html

<mce:script type="text/javascript" src="<%=request.getContextPath()%><!-- /jslib/jquery.js"> // --></mce:script> <mce:script type="text/javascript" src="<%=request.getContextPath()%><!-- /jslib/verify.js"> // --></mce:script> <input type="text" name="staffId" id="userName" onblur="verify()"> <font color="red"><span id="result"></span></font>  

 

2，配置文件

<action path="/staff" type="cn.com.action.StaffAction" name="staffForm" scope="request" parameter="command">

3，action代碼

     回調函數返回原頁面，此處返回null

/** * 與前臺ajax發來的請求交互，返回值爲null,ajax這樣按照回調函數跳轉 *@Method toShowMessage */ public ActionForward toShowMessage(ActionMapping mapping, ActionForm actionForm, HttpServletRequest request, HttpServletResponse response) throws Exception { System.out.println("-----進入toShowMessage----ajax-"); String userName=request.getParameter("userName"); System.out.println(userName); if(sd.getByStaffId(userName)==null){ response.setContentType("text/html;charset=utf-8"); PrintWriter pw=response.getWriter(); pw.println("用戶不存在!"); } return null; }