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;}