ajax(jquery)+ struts 搭建
2011-03-03 17:30
232 查看
1,页面
(1)Javascript
(2)html
2,配置文件
3,action代码
回调函数返回原页面,此处返回null
(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; }
相关文章推荐
- Struts学习笔记(三):Ajax +json+JQuery的综合使用
- 毕业设计---json,Struts,ajax以及JQuery简单案例
- jQuery+Ajax+Struts2.0
- Struts Work With AJAX ON JQUERY
- Hibernate+struts+JqueryAjax+jSON实现无刷新三级联动
- JQuery和Struts实现Ajax文件上传
- struts2.2.1 和jQuery 进行ajax组合出现中文字符问题。
- struts-jquery-ajax
- jquery.ajax与struts1.x,并附带定时调用功能
- Struts+jquery+ajax简单整合示例
- Spring:spring+springMVC+jQuery+Ajax+Mysql环境搭建实例
- struts2.5.1使用jQuery的ajax请求,返回json数据
- jquery使用ajax传递数组给struts2
- jquery使用ajax传递数组给struts2
- jquery 的ajax请求传递json数据给struts的action
- JQuery+Ajax+Struts2+Hibernate框架整合实现完整的登录注册
- struts中利用jquery的$.ajax方法来动态获得图片以及信息
- Struts 2 + JQuery +Ajax 无刷新 登录验证
- 85-002 商城项目前期简单搭建【上】(SSH+EasyUI+ajax+jquery+tomcat)
- jquery+ajax+struts实现异步刷新