`
zhoujiabin810812
  • 浏览: 26074 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

springMVC和jquery的ajax实现

阅读更多
以前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>
0
0
分享到:
评论
1 楼 christy_fang 2011-04-24  
LZ,没有源码啊?????配置文件也没有贴出来!!!

相关推荐

    springmvc利用jquery实现ajax的例子

    以上就是使用Spring MVC和jQuery实现Ajax的基本步骤。在实际开发中,你可能还需要处理更多细节,如错误处理、数据验证、页面局部刷新等。通过这种方式,你可以构建出更加动态、响应式的Web应用。

    springMVC jQuery ajax交互

    在SpringMVC和jQuery的集成中,Ajax通常用于实现前后端的无刷新交互。例如,用户在前端进行某些操作,如点击按钮或填写表单,jQuery可以监听这些事件并发起Ajax请求。使用$.ajax()方法,我们可以设置URL(指向...

    SpringMVC框架下使用jQueryAJAX进行数据交互

    综上所述,SpringMVC与jQuery AJAX的集成使得前端与后端能够高效地进行数据交互,实现了页面的动态更新,提高了应用的响应速度和用户体验。在实际项目中,可以根据需求调整请求类型、数据格式以及错误处理策略,以...

    springmvc + jquery + ajax + json 异步传递数据

    SpringMVC、jQuery、Ajax和JSON这四个技术的结合,为开发者提供了一种高效且灵活的方式来实现这一功能。接下来,我们将深入探讨这些技术以及它们如何协同工作。 SpringMVC是Spring框架的一部分,是一个强大的MVC...

    SpringMvc整合jQuery,ajax单文件/多文件上传

    本教程将详细讲解如何将Spring MVC与jQuery和AJAX结合,实现单个文件和多个文件的上传功能。 首先,我们需要确保项目已经正确地集成了Spring MVC框架。这包括配置Spring的DispatcherServlet、ContextLoaderListener...

    springmvc mongodb jquery 实现用户操作

    在IT行业中,SpringMVC、MongoDB和jQuery是三个非常重要的技术组件,分别在Web开发的后端、数据库管理和前端交互方面发挥着关键作用。在这个项目中,"springmvc mongodb jquery 实现用户操作",我们将深入探讨如何...

    SpringMVC+Jquery实现Ajax功能

    二、SpringMVC和Jquery的简单介绍 SpringMVC:是基于Spring的一个子框架(MVC框架),功能强于Spring,这个框架主要是解决咱们Controller这一层的问题。 M:model-模型User V:view-视图jsp C:Controller-控制器...

    Springmvc+maven+ajax+jquery+json+mybatis登录增删改查详细注释

    Springmvc+maven+ajax+jquery+json+mybatis做的登录,注册,增删改查详细注释,大家可以来一下,看看对自己有没有帮助哈,这是我自己一点点的打的,采用MyEclipse 10运行出来.并且付有sql脚本.可直接导入运行.并且经本人...

    SpringMVC和JQUERY_api_1.6

    SpringMVC和jQuery是Web开发中的两个重要框架,它们各自在不同的层面上为开发者提供了强大的功能。SpringMVC是Spring框架的一部分,主要用于构建后端的控制器逻辑,而jQuery则是一个前端JavaScript库,简化了DOM操作...

    SpringMVC:整合JQUERY与JSON

    当SpringMVC与jQuery结合,并通过JSON(JavaScript Object Notation)进行数据交换时,可以实现前后端的高效协作,提供更流畅的用户体验。 1. **SpringMVC框架基础**: - **DispatcherServlet**:SpringMVC的核心...

    springmvc接收ajax请求注意事项

    SpringMVC 框架在处理 Ajax 请求时需要注意一些重要的配置和设置,以确保请求的正确处理和数据的正确传输。下面我们将介绍在 SpringMVC 中接收 Ajax 请求的注意事项。 基本数据类型参数传输 在 Ajax 请求中,如果...

    SpringMVC利用Ajax,JQuery交互Json

    总结,通过SpringMVC、Ajax和JQuery,我们可以实现高效的前后端数据交互,使Web应用更加动态和用户友好。记住,理解并熟练掌握这些技术是提升Web开发能力的关键。在实际项目中,还要考虑安全性、性能优化等方面,...

    推荐下载EasyUi、SpringMVC、jquery的ajax、导出Excel文件.pdf

    EasyUI简化了前端设计,SpringMVC提供了强大的后端控制,jQuery的AJAX实现了动态数据交换,而Apache POI则让开发者能够轻松地处理Excel文件。掌握这些技术,可以帮助开发者构建出高效、功能丰富的Web应用程序。

    推荐下载EasyUi、SpringMVC、jquery的ajax、导出Excel文件.docx

    标题中的“推荐下载EasyUi、SpringMVC、jquery的ajax、导出Excel文件.docx”提到了四个关键的IT技术,这些技术都是在Web开发领域非常常用和重要的工具。接下来,我们将逐一深入探讨这些技术: 1. **EasyUI**: ...

    SpringMVC + Hibernate4 + JQuery + Ajax + MySQL整合

    4. 分页和排序,利用Ajax和SpringMVC实现动态加载和排序数据。 5. 复杂表单提交,展示如何处理多表单元素和文件上传。 6. 异步验证,使用Ajax进行前端数据验证,提高用户体验。 7. 整合示例,将所有技术融合,创建一...

    SpringMVC+Ajax异步上传图片并显示(源码)

    在本文中,我们将深入探讨如何使用SpringMVC和Ajax实现异步上传图片并实时显示的功能。这个技术组合常用于Web应用开发中,提供流畅的用户体验,避免页面刷新带来的不便。 首先,SpringMVC是Spring框架的一部分,专...

    springmvc的ajax配置,实现

    以下将详细介绍如何在Spring MVC中配置Ajax并实现相关功能。 1. **引入依赖**: 在项目中,我们需要添加对JSON处理的支持。在`pom.xml`文件中,引入Spring MVC的Jackson库,它是Spring MVC中用于处理JSON数据的...

    springMVC+ajax+json

    **Spring MVC、Ajax和JSON的结合** 在Spring MVC中,Controller可以返回JSON格式的数据响应Ajax请求。通过在@RequestMapping注解中指定produces="application/json",表明该方法将返回JSON数据。然后,使用@Request...

    spring3 mvc 用 jquery ajax 交互

    在IT行业中,Spring MVC和jQuery AJAX是两种广泛使用的技术,它们在构建现代Web应用程序时起着关键作用。本文将深入探讨如何在Spring MVC框架中利用jQuery的AJAX功能进行前后端交互,提升用户体验。 首先,Spring ...

Global site tag (gtag.js) - Google Analytics