struts2+ajax的简单实例
2012-09-25 08:54
239 查看
为了提高页面的友好度,开始学习ajax。关于这方面的资料很多,但是还是准备将自己的代码写下来,将来找起来也方便些。
首先是Action端的代码
Struts.xml的代码
js端的代码
最后是jsp端的代码
首先是Action端的代码
public class AjaxAction extends ActionSupport {//ActionSupport似乎十分重要,如果没有就会出错 public String info() { try { HttpServletResponse response = ServletActionContext.getResponse(); response.setCharacterEncoding("UTF-8"); PrintWriter out = response.getWriter(); out.print("Hello World"); out.flush(); out.close(); } catch (IOException e) { e.printStackTrace(); } return null;//由于不用跳转页面,所以也就不需要返回字段 } }
Struts.xml的代码
<!-- Ajax --> <action name="ajaxAction_*" class="action.AjaxAction" method="{1}"> <result /> </action>
js端的代码
var xmlHttp; function createXmlHttpRequest(){ if(window.ActiveXObject){ xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); }else if(window.XMLHttpRequest){ xmlHttp = new XMLHttpRequest(); } } function showSecret(){ createXmlHttpRequest(); xmlHttp.onreadystatechange = callback; var url = "http://localhost:8080/xxxx/ajaxAction_info"; xmlHttp.open("GET",url,true); xmlHttp.send(null); } function callback(){ if(xmlHttp.readyState == 4){ if(xmlHttp.status == 200){ alert("the server replied with "+xmlHttp.responseText); }else{ alert("the server cannot reply"); } } }
最后是jsp端的代码
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>main page</title> <script language="javascript" src="<%=request.getContextPath() %>/js/ajax.js"></script> </head> <body> <form action="" method="post"> <input type="button" value="点我" onclick="javascript:showSecret()"> </form> </body> </html>
相关文章推荐
- AJAX+Struts+json简单的实例
- struts2+ajax简单实例
- struts1、ajax、jquery、json简单实例
- 初识Ajax---简单的Ajax应用实例
- 纯javascript的ajax实现php异步提交表单的简单实例
- PHP与Ajax(五)---简单实用实例
- ajax与json 获取数据并在前台使用简单实例
- AJAX简单实例
- Ajax的jsonp方式跨域获取数据的简单实例
- 高手莫入--最简单的AJAX实例
- 分享Ajax创建简单实例代码
- 在注册用户时检验用户是否存在的Ajax简单实例
- ASP.NET AJAX的一个简单实例
- Struts2.5 利用Ajax将json数据传值到JSP的实例
- 简单Json实例——基于JQuery框架Ajax支持的Json操作——J2EE版本
- struts2 + ajax + json的结合使用,实例讲解
- struts 2-001-简单struts2实例开发
- 一个简单AJAX请求WCF实例
- 非常简单的Ajax请求实例附源码
- 一口一口吃掉Struts(三)——一个简单Struts实例 .