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");
}
});
}
分享到：
相关推荐
在ASP.NET MVC中，我们可以创建一个ActionResult，然后在控制器中定义这个Action。调用方式类似，只是URL会根据路由规则改变。 9. **使用$.getJSON()和$.get()、$.post()** 对于更简单的GET或POST请求，jQuery...
本教程将详细介绍如何利用jQuery实现Ajax调用，并通过具体的代码示例帮助你理解和应用。 **一、jQuery与Ajax基础** jQuery是一个流行的JavaScript库，它通过简洁的API让JavaScript编程变得更加容易，包括DOM操作、...
结合jQuery，一个轻量级、高效的JavaScript库，可以实现动态、异步的数据交互，即Ajax（Asynchronous JavaScript and XML）技术，极大地提高了用户体验。在这个简单的Ajax例子中，我们将探讨如何整合Struts2和jQuery...
本文将详细介绍如何在Asp.net中结合jQuery来实现Ajax效果，并提供一个简单的代码示例。 首先，确保你的项目中已经引入了jQuery库。通常，我们可以通过在HTML头部添加以下链接来引用jQuery： ```html ...
例如，可以创建一个名为`AjaxAction`的类，其中包含一个处理Ajax请求的方法。同时，定义一个JSON结果类型，以便返回的数据格式化为JSON，这对于前端处理非常方便。 3. **创建jQuery Ajax请求**： 在客户端，使用...
这个简单的例子展示了Ajax调用的基本流程，实际项目中，你可能会遇到更复杂的需求，比如处理错误、添加请求头、异步加载更多数据等。不过，理解了这个基础，你就能逐步扩展和优化你的代码，提高用户体验。
在前端，jQuery的`$.get()`或`$.post()`方法可以简化AJAX调用，配合`keyup`事件监听用户输入，每输入一个字符或达到一定延迟后触发请求。收到服务器返回的结果后，使用jQuery的DOM操作方法动态更新页面上的搜索建议...
"Struts2+JSON+jQuery实现Ajax数据的存取"就是一个典型的示例，它结合了强大的MVC框架Struts2、轻量级的数据交换格式JSON以及高效的前端库jQuery，以实现网页上的无刷新数据交互。下面将详细介绍这三个技术及其在...
jQuery通过封装了原生的XMLHttpRequest对象，使AJAX调用变得非常简单。使用`$.ajax()`方法是主要的实现方式： ```javascript $.ajax({ url: 'your_server_page.php', type: 'GET'或'POST', data: {param1: value...
在Struts2中，Jquery可以与Ajax结合使用，实现页面的无刷新更新。 Ajax（Asynchronous JavaScript and XML）技术允许前端与后台进行异步通信，无需整个页面刷新，提高了用户体验。在Struts2框架下，我们可以使用...
这个压缩包中的资源，"SSH+jQuery+json 实现的Ajax操作，绝对精华，代码简练清晰，绝对能看明白"，显然提供了一个使用这些技术实现Ajax级联操作的实例。下面将详细介绍这些技术及其在Ajax操作中的应用。 **SSH ...
在给定的标题“三个ajax实现 shh jquery json输入提示内容功能”中，我们可以看到三个不同的Ajax实现方式以及一个特定的jQuery功能——基于json的输入提示内容。下面将对这些知识点进行详细解释。 首先，让我们了解...
以下是一个基本的Ajax调用示例： ```javascript $.ajax({ url: '/Controller/Action', type: 'POST', // 或者 'GET' data: { key1: 'value1', key2: 'value2' }, // 要传递的数据 dataType: 'json', // 预期的...
资源名称：J2EE中JSON ...首先页面通过调用JQuery_AJAX方法访问后台Action，在后台Action中将获取到的JavaBean、List、Map等数据类型转换为json-lib.ja 资源太大，传百度网盘了，链接在附件中，有需要的同学自取。
当使用jQuery的Ajax方法，如`$.post()`，来调用Struts2 Action时，Action会处理请求，执行相应操作，然后返回结果。例如，在一个登录场景中，用户输入公司标识码，可以使用jQuery的Ajax发送请求检查该标识码是否存在...
在这个例子中，$.asyncBox是AsyncBox插件的调用，设置了弹窗的标题、内容、类型（error表示错误提示）以及一个简单的确定按钮。 同时，为了便于用户学习和使用，AsyncBox可能包含了详细的文档和示例代码，指导...
在Web开发中，jQuery是一个广泛使用的JavaScript库，它极大地简化了DOM操作、事件处理和Ajax交互。Ajax（Asynchronous JavaScript and XML）技术允许我们在不刷新整个页面的情况下与服务器进行数据交换，提高用户...
在Web开发中，jQuery是一个非常流行的JavaScript库，它极大地简化了DOM操作、事件处理和Ajax交互。AjaxUpload是jQuery的一个插件，它提供了一种方便的异步文件上传方式，无需刷新页面即可完成文件上传，提高了用户...
在提供的代码片段中，`<action name="ajaxJson*NJCLF" class="njclfAction" method="ajaxJson{1}">`这一行指定了一个名为`ajaxJson*NJCLF`的Action，该Action由`njclfAction`类处理，并调用其中的`ajaxJson{1}`方法...