`
jeelee
  • 浏览: 629024 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jquery ajax 实现调用一个action中多个方法

 
阅读更多
struts.xml如下:
<package name="tutorialPackage" extends="struts-default" namespace="/tutorialNameSpace">               
        <action name="HelloWorldAction" class="tutorial.HelloAction">	
        	<result name="success">/hello.jsp</result>		
			<result name="delete">/test1/delete.jsp</result>
			<result name="add">/test1/add.jsp</result>	
			<result name="update">/test1/update.jsp</result>			
			<result name="userList">/test1/userList.jsp</result>
			<result name="userMap">/test1/userMap.jsp</result>
		</action>			
    </package>


action类:
package tutorial;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import com.opensymphony.xwork2.ActionSupport;  

import org.jeelee.admin.bean.*;

public class HelloAction extends ActionSupport {
	/**
	 * 
	 */
	private static final long serialVersionUID = 1L;
	private String msg;
	private List<Userm> userList = new ArrayList<Userm>();;
	private Map<Integer,Userm> userMap ;
	private Userm user = null;
	
	 @Override
	 public String execute() throws Exception {

		 return ActionSupport.SUCCESS;
	 }
	 
	 public String add() throws Exception{
		 setMsg("add method");
		 return "add";
	 }
	 
	 public String delete() throws Exception{
		 setMsg("delete method");
		 return "delete";
	 }
	 
	 public String update() throws Exception{
		 setMsg("update method");
		 return "update";
	 }
	 
	 public String userList() throws Exception{		 
		 for(int i=0;i<10;i++){
			 user = new Userm();
			 
			 user.setUserId(i+"");
			 user.setUserName("user"+i);
			 user.setUserEmail("email"+i);
			 
			 userList.add(user);		
		 }
		 
		 return "userList";
	 }
	 
	 public String queryUserMap() throws Exception{		 
		 userMap = new HashMap<Integer,Userm>();
		 
		 for(int i=0;i<10;i++){
			 user = new Userm();
			 user.setUserId(i+"");
			 user.setUserName("user"+i);
			 user.setUserEmail("email"+i);		 
			 
			 userMap.put(i, user);
		 }
		 
		 setUserMap(userMap);
		 return "userMap";
	 }

	public Map<Integer, Userm> getUserMap() {
		return userMap;
	}

	public void setUserMap(Map<Integer, Userm> userMap) {
		this.userMap = userMap;
	}

	public String getMsg() {
		return msg;
	}

	public void setMsg(String msg) {
		this.msg = msg;
	}

	public List<Userm> getUserList() {
		return userList;
	}

	public void setUserList(List<Userm> userList) {
		this.userList = userList;
	}

	public Userm getUser() {
		return user;
	}

	public void setUser(Userm user) {
		this.user = user;
	}
	 
	 
}



JSP文件:
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
    
<!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>Insert title here</title>
<script src="jquery/jquery-1.3.2.min.js" type="text/javascript" charset="gb2312"></script>
<script src="admin/adminJS/adminJS.js" type="text/javascript"></script>
</head>
<body>
<h1>Hello World From Struts2</h1>
   <input type="button" id="search" value="Search" onclick="searchUser()" />
   <input type="button" id="searchJson" value="searchJson" onclick="searchUserJson()" />
   <div id="resultDiv">
   
   </div>
</body>
</html>


JS 文件

function searchUser(){
	alert("search3");
	var formParam = $("#form1").serialize();//序列化表格内容为字符串 
	$.ajax({
		  async:true,  //同步请求,//默认为true 异步
		  type:"POST",//提交方法
		  //dataType:"html",
		  url:"../tutorialNameSpace/HelloWorldAction!userList",//提交的地址,userList为action中的一个方法
		  //data:{},//提交的参数
		  //失败回调函数
		  error:function(xmlHttp,status,errorThrown){
			  alert("error");
			  alert("error : " + errorThrown);
		  },
		  //成功后,回调的函数名
		  success:function(data){
			  alert("success1");
			  $("#resultDiv").html(data);//要刷新的div
			  alert("success2");
		  }
		});
		
}
分享到:
评论

相关推荐

    J2EE中JSONJquery_AJAX应用中文PDF版

    资源名称:J2EE中JSON ...首先页面通过调用JQuery_AJAX方法访问后台Action,在后台Action中将获取到的JavaBean、List、Map等数据类型转换为json-lib.ja 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。

    JQuery的Ajax请求实现局部刷新的简单实例

    请求的ajax路径传递的参数(data)会到action中被一个同样名字的变量(附带set get方法)接收,返回的data是一个JQuery的数组对象,在被调用的action中涉及到的数据变量会对象,都会封装到data中最终返回给页面。...

    SSH+Ajax+JSON省市级联效果Spring+Struts+Hibernate+Jquery

    Spring+Struts+Hibernate+Jquery(AJAX)实现的省份与城市级联效果 原理:通过ajax调用后端struts的action,将返回的JSON对象数组解析载入页面。

    jQuery ajax提交Form表单实例(附demo源码)

    Jquery的$.ajax方法可以实现ajax调用,要设置url,post,参数等。 如果要提交现有Form需要写很多代码,何不直接将Form的提交直接转移到ajax中呢。 以前的处理方法 如Form代码如下: &lt;form id="Form1" action=...

    jQuery的Ajax接收java返回数据方法

    1.前端Ajax请求如下: $.ajax({ type : "post", //async:false, url : PATH + "/product/selectPicture.action", dataType : "json", success : function(data) { $.each(data,function(k,v){ alert&#40;k +...

    j2ee 框架 struts2 jquery ajax json 示范演示

    基于 MVC 结构的 J2EE 应用服务器框架 —— apache ...客户端 jQuery ajax 提交表单至 struts2 的 action,action 调用 model,model 生成json返回至 action,再由 action 返回 json 至客户端,并由 jQuery 解析。

    Jquery ajax请求导出Excel表格的实现代码

    直接贴代码吧 $(#btn-export).click(function(){ var exportExcel = export_...form method=post action=' + url + '&gt;&lt;/form&gt;').appendTo('body').submit().remove(); delete dataParams[exportExcel];

    Struts+Jquery+Ajax+Json应用实例

    Struts+Jquery+Ajax+Json应用实例,前端引入jquery,后台使用struts框架。前端js调用后台action,并将后台返回的json数据进行解析,设置web页面

    JQuery In Action

     jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。  jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得...

    jQuery详细教程

    您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中: $(document).ready(function(){ --- jQuery functions go here ---- }); 这是为了防止文档在完全加载(就绪)之前运行 jQuery...

    Jquery基于Ajax方法自定义无刷新提交表单Form实例

    Jquery的$.ajax方法可以实现ajax调用,要设置url,post,参数等。 如果要提交现有Form需要写很多代码,何不直接将Form的提交直接转移到ajax中呢。 以前的处理方法: 如Form代码如下: 代码如下:&lt;form id=”Form1″...

    图片在线裁剪(jQuery + HttpHandler)源码

    BitmapScissors是一个HttpHandler, 通过客户端返回的 'action' 来调用Callback中的方法。 客户端AJAX提交的Url为"scissors.axd", 实际为BitmapScissors类(如修改了服务器端处理程序, 请在Web.config中根据实际进行...

    JQuery ajax 返回json时出现中文乱码该如何解决

    使用jQuery ajax调用的返回json,中文乱码问题 Js代码如下: $.ajax({ url: '/test/testAction.do?method=test', type: 'POST', dataType: 'json', timeout: 5000, async: false, error: function(){ ...

    jQuery+Ajax实现用户名重名实时检测

    利用jQuery框架,封装了底层的Ajax异步技术,通过简单的方法调用即可实现。这篇博客是针对用户注册时出现的用户名重名问题的自动检测,利用的技术是Ajax异步传输。 register.jsp 注册显示页面 &lt;&#37;@ page ...

    Ajax请求session超时处理流程

    自己写一个loadUrl()方法,不能使用jquery自带的load(). 当客户端调用loadUrl()超时,弹出一个登录框,并加一个背景层下面的整个浏览器.这时浏览器窗口内容不能变,只是上面加了一个登录框和一个背景层 当...

    Struts2+Spring+Hibernate+Ehcache+AJAX+JQuery+Oracle 框架集成用户登录注册Demo工程

    1.通过google ehcache-spring-annotatios.jar自动注解方式实现整合Spring+Ehcache。 2.Action里通过struts2-spring-plugin.jar插件自动根据名字注入。 3.Ajax无刷新异步调用Struts2,返回Json数据,以用户注册为例。...

    WP-Controller-Forms:请求一个动作 wp_ajax_(action) 并显示结果

    请求一个动作 wp_ajax_(action) 并显示结果 参数 范围 描述 类型 行动 wp_ajax_(action) 钩子 细绳 目标 将接收响应内容的 HTML 元素 细绳 网址 网址请求 细绳 有效字段 包含选择器表达式、元素或 jQuery 对象的字符...

    jQuery Ajax向服务端传递数组参数值的实例代码

    在使用MVC时,向服务器端...方式一,构造表单元素,然后调用serialize()方法得到构造参数字符串 @{ Layout = null; } &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta name="viewport" content="width=devi

    Spring shiro + bootstrap + jquery.validate 实现登录、注册功能

    现在我们开始实现登录功能,这个可以说是Web应用最最最普遍的功能了。 先来说说我们登录的逻辑: 输入用户名、密码(validate进行前端验证)——ajax调用后台action方法——根据用户名调用业务层到数据层查询数据库...

    解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题

    就可以正确使用ajax方法传递数据,原因就是form表单最后的提交按钮与使用ajax传递数据冲突了 因为这个原因浪费了挺久时间,甚至把代码又从头到尾写了一遍(感觉自己好蠢啊!),总结了一下调试过程。 先贴

Global site tag (gtag.js) - Google Analytics