以前struts2,struts1和jquery都这样写的,今天写了一个springMVC的实现,注意返回页面不要是tiles页面就OK
addOutSysOfButtons.js
$(document).ready(function(){
$("#sortId").change(function() {
var sortId=$("#sortId").val();
$.ajax({
type: "POST",
url: "pageButtonController.do",
data: "method=shouButtons&sortId="+sortId,
dataType: 'html',
success: function(result) {
alert(result);
$('#buttonShow').html(result)
}
});
});
jsp页面
<%@ include file="/common.jsp" %>
<script language='javascript' src='<c:url value="/js/addOutSysOfButtons.js"/>'></script>
<div class="error" id="error">
</div>
<form name="addOutSysOfButtons" method="post" action="<c:url value='/pageButtonController.do?method=addOutSysOfButtons'/>">
<table>
<tr>
<th >接入系统名称:</th>
<td>
<select id="system" name="system" style="width:100px">
<option value="">请选择</option>
<option value="a_system">a_sistem</option>
<option value="b_system">a_sistem</option>
</select>
</td>
</tr>
<tr>
<th >流程类型:</th>
<td>
<select id="sortId" name="sortId" style="width:100px">
<option value="">请选择</option>
<option value="1">固定流程</option>
<option value="2">动态流程</option>
</select>
</td>
</tr>
<tr>
<th >签报类型:</th>
<td>
<select id="taskType" name="taskType" style="width:100px">
<option value="">请选择</option>
<option value="1">内部工作签报</option>
<option value="2">红头文件拟稿</option>
</select>
</td>
</tr>
<tr>
<th >需要配置的按钮:</th>
<td id="buttonShow">
</td>
</tr>
</table>
<div id="abcd"></div>
</form>
PageButtonController
public class PageButtonController extends AbstractController{
private String outSysOfButtonsView;
protected ModelAndView handleRequestInternal(HttpServletRequest arg0, HttpServletResponse arg1) throws Exception {
String method=arg0.getParameter("method");
String sysId=arg0.getParameter("sysId");
String sortId=arg0.getParameter("sortId");
String taskType=arg0.getParameter("taskType");
ServiceRequest request = new ServiceReque();
Map returnMap=null;
if("shouButtons".equals(method)){
request.setRequestedServiceID("ShowButtonsAction");
request.setParameter("sortId", sortId);
ServiceResponse response = dispatchService(request,
WebContextNames.PAFA_AC);
returnMap = response.getModel();
outSysOfButtonsView="shouButtons";
}
return new ModelAndView(outSysOfButtonsView,returnMap);
}
}
只为测试用
返回页面shouButtons.jsp
<h1>showButton</h1>
分享到:
相关推荐
以上就是使用Spring MVC和jQuery实现Ajax的基本步骤。在实际开发中,你可能还需要处理更多细节,如错误处理、数据验证、页面局部刷新等。通过这种方式,你可以构建出更加动态、响应式的Web应用。
在SpringMVC和jQuery的集成中,Ajax通常用于实现前后端的无刷新交互。例如,用户在前端进行某些操作,如点击按钮或填写表单,jQuery可以监听这些事件并发起Ajax请求。使用$.ajax()方法,我们可以设置URL(指向...
综上所述,SpringMVC与jQuery AJAX的集成使得前端与后端能够高效地进行数据交互,实现了页面的动态更新,提高了应用的响应速度和用户体验。在实际项目中,可以根据需求调整请求类型、数据格式以及错误处理策略,以...
SpringMVC、jQuery、Ajax和JSON这四个技术的结合,为开发者提供了一种高效且灵活的方式来实现这一功能。接下来,我们将深入探讨这些技术以及它们如何协同工作。 SpringMVC是Spring框架的一部分,是一个强大的MVC...
本教程将详细讲解如何将Spring MVC与jQuery和AJAX结合,实现单个文件和多个文件的上传功能。 首先,我们需要确保项目已经正确地集成了Spring MVC框架。这包括配置Spring的DispatcherServlet、ContextLoaderListener...
在IT行业中,SpringMVC、MongoDB和jQuery是三个非常重要的技术组件,分别在Web开发的后端、数据库管理和前端交互方面发挥着关键作用。在这个项目中,"springmvc mongodb jquery 实现用户操作",我们将深入探讨如何...
二、SpringMVC和Jquery的简单介绍 SpringMVC:是基于Spring的一个子框架(MVC框架),功能强于Spring,这个框架主要是解决咱们Controller这一层的问题。 M:model-模型User V:view-视图jsp C:Controller-控制器...
Springmvc+maven+ajax+jquery+json+mybatis做的登录,注册,增删改查详细注释,大家可以来一下,看看对自己有没有帮助哈,这是我自己一点点的打的,采用MyEclipse 10运行出来.并且付有sql脚本.可直接导入运行.并且经本人...
SpringMVC和jQuery是Web开发中的两个重要框架,它们各自在不同的层面上为开发者提供了强大的功能。SpringMVC是Spring框架的一部分,主要用于构建后端的控制器逻辑,而jQuery则是一个前端JavaScript库,简化了DOM操作...
当SpringMVC与jQuery结合,并通过JSON(JavaScript Object Notation)进行数据交换时,可以实现前后端的高效协作,提供更流畅的用户体验。 1. **SpringMVC框架基础**: - **DispatcherServlet**:SpringMVC的核心...
SpringMVC 框架在处理 Ajax 请求时需要注意一些重要的配置和设置,以确保请求的正确处理和数据的正确传输。下面我们将介绍在 SpringMVC 中接收 Ajax 请求的注意事项。 基本数据类型参数传输 在 Ajax 请求中,如果...
总结,通过SpringMVC、Ajax和JQuery,我们可以实现高效的前后端数据交互,使Web应用更加动态和用户友好。记住,理解并熟练掌握这些技术是提升Web开发能力的关键。在实际项目中,还要考虑安全性、性能优化等方面,...
EasyUI简化了前端设计,SpringMVC提供了强大的后端控制,jQuery的AJAX实现了动态数据交换,而Apache POI则让开发者能够轻松地处理Excel文件。掌握这些技术,可以帮助开发者构建出高效、功能丰富的Web应用程序。
标题中的“推荐下载EasyUi、SpringMVC、jquery的ajax、导出Excel文件.docx”提到了四个关键的IT技术,这些技术都是在Web开发领域非常常用和重要的工具。接下来,我们将逐一深入探讨这些技术: 1. **EasyUI**: ...
4. 分页和排序,利用Ajax和SpringMVC实现动态加载和排序数据。 5. 复杂表单提交,展示如何处理多表单元素和文件上传。 6. 异步验证,使用Ajax进行前端数据验证,提高用户体验。 7. 整合示例,将所有技术融合,创建一...
在本文中,我们将深入探讨如何使用SpringMVC和Ajax实现异步上传图片并实时显示的功能。这个技术组合常用于Web应用开发中,提供流畅的用户体验,避免页面刷新带来的不便。 首先,SpringMVC是Spring框架的一部分,专...
以下将详细介绍如何在Spring MVC中配置Ajax并实现相关功能。 1. **引入依赖**: 在项目中,我们需要添加对JSON处理的支持。在`pom.xml`文件中,引入Spring MVC的Jackson库,它是Spring MVC中用于处理JSON数据的...
**Spring MVC、Ajax和JSON的结合** 在Spring MVC中,Controller可以返回JSON格式的数据响应Ajax请求。通过在@RequestMapping注解中指定produces="application/json",表明该方法将返回JSON数据。然后,使用@Request...
在IT行业中,Spring MVC和jQuery AJAX是两种广泛使用的技术,它们在构建现代Web应用程序时起着关键作用。本文将深入探讨如何在Spring MVC框架中利用jQuery的AJAX功能进行前后端交互,提升用户体验。 首先,Spring ...