<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
</head>
<script type="text/javascript" src="<%=path %>/jquery-1.3.1.js"></script>
<script type="text/javascript" src="<%=path %>/jquery.form.js"></script>
<script type="text/javascript">
$(function(){
$("#btn").click(function(){
alert(" 提交!");
$('#myForm1').ajaxForm(function() {
login_Result();
});
//return false;不需要加
})
$("#btn2").click(function(){
var params=$('#myForm3').formSerialize(); //这里直接就序列化了表单里面的值;很方便
params = decodeURIComponent(params,true);
$.ajax({
url :"/StudentDemo/cyzcFwb/studentLogin2!loginn.action", //后台处理程序
type:'post', //数据发送方式
dataType:'json', //接受数据格式
data:params, //要传递的数据;就是上面序列化的值
success:login_Result()
});
return false;//防止刷新页面
})
$("#btn3").click(function(){
var queryString = $('#myForm4').formSerialize();
$.post("/StudentDemo/cyzcFwb/studentLogin2!loginn.action", queryString);
return false;
})
})
function login_Result(){
alert("保存,返回提示信息!");
}
</script>
<body>
<form action="/StudentDemo/cyzcFwb/studentLogin!loginn.action" id="myForm1" method="post">
<input type="text" name="student.username" id="username" ><br>
<input type="submit" value="提交2" id="btn" ><br>
</form>
<br><br>
<form action="/StudentDemo/cyzcFwb/studentLogin2!loginn.action" id="myForm3" method="post">
<input type="text" name="student.username" id="username" ><br>
<input type="submit" value="提交2" id="btn2" ><br>
</form><br><br>
<form action="/StudentDemo/cyzcFwb/studentLogin2!loginn.action" id="myForm4" method="post">
<input type="text" name="student.username" id="username" ><br>
<input type="submit" value="提交3" id="btn3" ><br>
</form>
</body>
</html>
package user;
public class Login {
Student student=new Student();
private String username;
private String messageType;
public String loginn(){
System.out.println(student.getUsername());
messageType=student.getUsername()+" 哈哈";
if(student.getUsername().equals("aa")){
return "success";
}
return "success";
}
public Student getStudent() {
return student;
}
public void setStudent(Student student) {
this.student = student;
}
public String getUsername() {
return username;
}
public void setUsername(String username) {
this.username = username;
}
public String getMessageType() {
return messageType;
}
public void setMessageType(String messageType) {
this.messageType = messageType;
}
}
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1//EN" "http://struts.apache.org/dtds/struts-2.1.dtd">
<struts>
<package name="cyzcFwb" extends="struts-default,json-default" namespace="/cyzcFwb">
<action name="studentLogin" class="user.Login" >
<result name="success">/success.jsp</result>
<result name="error">/error.jsp</result>
</action>
<action name="studentLogin2" class="user.Login" >
<result type="json">
<param name="root">messageType</param>
</result>
</action>
</package>
</struts>
分享到:
相关推荐
4. **AjaxForm的实现**:在Struts2框架中,我们可以使用AjaxForm来实现异步提交表单。首先,需要在JSP页面上使用jQuery选择器和事件监听来捕获表单的提交事件。然后,利用jQuery的`$.ajax()`或`$.post()`方法发起...
在这个"struts2+ajax+jquery"的主题中,我们将深入探讨如何利用Struts2、jQuery和Ajax技术实现Web页面的异步交互。 首先,Struts2作为MVC框架,它的核心是Action,它负责处理用户的请求,并通过配置的Result返回...
在这个主题中,我们将详细讨论如何利用Struts2和jQuery的form插件来实现这一功能。 首先,Struts2是一个基于MVC(Model-View-Controller)设计模式的Java Web框架,它简化了开发过程,提供了强大的拦截器机制和结果...
6. **JSP页面**:展示商品列表和详细信息,使用Struts2的标签库(如`s:form`、`s:textfield`等)构建表单,同时结合jQuery处理DOM元素,如显示/隐藏加载提示、更新商品列表。 7. **结果类型和拦截器**:Struts2的...
Struts2是一个强大的MVC框架,用于构建企业级的Web应用程序,而jQuery则是一个高效的JavaScript库,简化了DOM操作、事件处理以及Ajax交互。在本项目中,我们关注的是将这两者结合使用,实现基于jQuery的...
通过运行这个Demo,你可以看到jQuery与Struts2整合的实际效果,如Ajax提交表单、动态更新页面等。 总之,jQuery与Struts2的整合使得前端交互更为便捷,同时保持了Struts2的MVC架构和强大的后端控制能力。在实际开发...
在这个场景中,我们将深入探讨如何利用jQuery的form插件来实现在Struts2环境中进行图片上传,并在前端进行实时预览。 1. **Struts2 框架**: Struts2是一个基于MVC设计模式的Java Web应用框架,它提供了一种组织...
Struts2是一个流行的Java web开发框架,用于构建企业级应用,而jQuery则是一个JavaScript库,简化了HTML文档遍历、事件处理、动画制作和Ajax交互。在本例中,我们将探讨如何结合Struts2和jQuery实现图片的同步上传...
- **Ajax请求**:使用jQuery的`$.ajax`或`$.getJSON`发起异步请求到Struts2 Action,处理响应数据。 - **Struts2标签与jQuery**:虽然jQuery主要处理DOM操作,但也可以配合Struts2标签一起工作,例如动态生成表单...
"Struts2+jQuery+Ajax实现头像上传切割图片"是一个典型的Web开发技术组合,它结合了Struts2作为后端MVC框架,jQuery作为前端JavaScript库,以及Ajax进行异步数据传输,来提供流畅的图片上传和裁剪功能。以下将详细...
其中包含`org.apache.struts2.dispatcher.multipart.JakartaMultiPartRequest`或`org.apache.struts2.dispatcher.multipart.CommonsMultiPartRequest`类,用于处理multipart/form-data类型的表单提交,这是上传文件...
在本场景中,我们将探讨如何在Struts2中实现AJAX上传图片并同时提交表单数据。 **一、Struts2文件上传** 在Struts2中,文件上传主要依赖于`org.apache.struts2.interceptor.FileUploadInterceptor`拦截器。首先,...
接下来,调用`ajaxForm`或`ajaxSubmit`方法初始化插件: ```javascript form.ajaxForm(options); ``` 或者 ```javascript form.ajaxSubmit(options); ``` 其中`options`是可选参数,用于设置异步提交的配置。 #...
- 使用AjaxForm插件或jQuery Form Plugin来简化表单的异步提交。 - 为了提高用户体验,可以添加加载指示器,让用户知道页面正在更新。 总结来说,Struts2和jQuery的结合使用,使得开发者能轻松实现Web应用的局部...
2. 采用jquery.form.js实现ajaxForm提交表单或上传文件到服务器。 3. 在struts2的Action通过2种不同的实现方法返回json格式的字符串。 4. 针对商品实现简单无刷新上传与下载 4. 批量导入数据采用的是导入test文件夹...
使用JavaScript或jQuery来监听文件选择变化,获取所有选定文件的信息,并使用Ajax调用Struts2 Action。记得在请求头中设置正确的Content-Type,通常是"multipart/form-data",因为文件上传通常涉及二进制数据。 在...
下载JS插件jquery-1.4.2.min.js和 jquery.form.js,在html中引入这两个js文件,通过以上的方式,我们就可以通过页面无刷新,在Struts2中无需要进行页面跳转来进行文件上传!
使用jQuery选择器找到表单并为其添加`ajaxForm`事件监听器。在这个事件中,我们需要指定请求的URL(通常是Struts2的Action),请求方法(POST),数据类型(通常为文本或JSON),以及是否异步执行。在`success`回调...
通过以上步骤,我们可以利用jQuery.form.js与Struts 1.x实现页面多个表单的AJAX提交,同时保持页面的其他部分不变,从而提升Web应用的交互性和用户体验。在实际项目中,可能还需要根据具体需求进行更复杂的定制和...
在Struts2中实现Ajax图片上传功能,可以帮助用户在不刷新整个页面的情况下提交图片,提高用户体验。Ajax技术利用JavaScript的XMLHttpRequest对象与服务器进行异步数据交换,使得网页部分更新成为可能。 首先,我们...