`
conkeyn
  • 浏览: 1524622 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

Struts2 (Json) + jQuery 组合的简单用法

阅读更多

1、将struts2的json插件加入web工程的lib,jsonplugin的下载地址:http://code.google.com/p/jsonplugin/downloads/list
2、struts.xml添加专为ajax使用的package

 <package name="ajax" extends="json-default">  
         <action name="ajaxRequest"  
             class="org.david.strutsHelloWorld">  
             <result type="json"></result>  
         </action>  
     </package>  

3、helloworld.jsp

 <SCRIPT type="text/javascript" src="js/jquery-min.js"></script>  
       <SCRIPT type="text/javascript">  
            function clickButton()   
            {       
                var url = 'ajaxRequest.action';   
                var params = {   
                        name:$('#name').attr('value')   
                };   
                jQuery.post(url, params, callbackFun, 'json');   
            }   
            function callbackFun(data)   
            {   
                alert(data.result);//对应HelloWorld类的message属性   
                    //获取数据后渲染页面   
            }   
       </SCRIPT>  
   
   
       <input id="name" type="text">  
       <input type="button" value="ok" onclick="javascript:clickButton();">  

 4、HelloWorld.java

 package org.david.struts2;   
   
 public class HelloWorld {   
   
     private String name;   
     private String result;   
   
     // ajax请求参数赋值   
     public void setName(String name) {   
         this.name = name;   
      }   
   
     // ajax返回结果   
     public String getResult() {   
         return result;   
      }   
   
     public String execute() {   
         this.result = "Hello! " + this.name + ".";   
         return "success";   
      }   
   
 }   

 转自:http://hi.baidu.com/gukeming888/blog/item/c68ae3f9e345b40da9d311c0.html

分享到:
评论

相关推荐

    Struts2+JSON+JQuery实现简单的验证

    Struts2、JSON和JQuery是Web开发中的三个关键技术,它们常常被结合使用来构建高效、动态的用户界面。在本教程中,我们将探讨如何利用这些技术实现一个简单的验证功能。 首先,Struts2是一个基于MVC(Model-View-...

    一个简单的struts2+json+jquery 交互的例子

    Struts2、JSON和jQuery是Web开发中常用的三个技术,它们在构建动态、交互式的Web应用程序时发挥着关键作用。这个例子将展示如何整合这三个工具,实现前后端的数据交换。 首先,Struts2是一个强大的MVC(Model-View-...

    struts2+json+jquery实现ajax数据的存取

    "Struts2+JSON+jQuery实现Ajax数据的存取"就是一个典型的示例,它结合了强大的MVC框架Struts2、轻量级的数据交换格式JSON以及高效的前端库jQuery,以实现网页上的无刷新数据交互。下面将详细介绍这三个技术及其在...

    struts2+json+ajax+jquery

    Struts2、JSON、Ajax 和 jQuery 是Web开发中的四个关键技术,它们共同构建了现代Web应用程序的数据交互和用户界面交互的核心部分。 Struts2 是一个基于MVC(Model-View-Controller)架构的Java Web框架,它使得...

    Struts2+json+jQuery使用方式.rar

    在与Struts2和JSON结合使用时,jQuery通过Ajax请求获取JSON数据,然后使用其丰富的API来更新页面内容,无需刷新整个页面,提高了用户体验。 以下是如何在实际项目中使用Struts2、JSON和jQuery的步骤: 1. **配置...

    struts2.1+json+jquery用户名校验

    在前端,jQuery可以用来发送Ajax请求,这通常使用`$.ajax()`或`$.getJSON()`方法。当用户输入用户名后,jQuery会监听输入事件,当触发校验时,发送一个包含用户名的Ajax请求到服务器。收到后端返回的JSON数据后,...

    Struts2 + jQuery+JSON 实现ajax

    本篇文章介绍如何利用Struts2框架结合jQuery与JSON来构建一个简单的Ajax功能。 #### 一、环境搭建 1. **引入Struts2的JSON插件** 描述中提到的第一步是将Struts2的JSON插件加入到Web项目的lib目录下。这一步非常...

    struts2.1.8+json+jquery

    在JQuery端,可以使用$.ajax或者$.getJSON方法发起Ajax请求,获取到JSON数据后,利用$.parseJSON或者直接使用JSON.parse()函数解析数据,然后利用JQuery的DOM操作方法更新页面元素。 总结来说,"struts2.1.8+json+...

    struts2+jquery+json+ajax例子

    Struts2、jQuery、JSON和Ajax是Web开发中常见的技术栈,它们共同为构建动态、交互式的用户界面提供了强大的支持。下面将详细解释这些技术及其在登录示例中的应用。 Struts2是一个基于MVC(Model-View-Controller)...

    struts2.1.8+json+jquery1.3实现ajax

    例如,使用`org.apache.struts2.json.JSONUtil`类的`json`方法将Java对象转换成JSON。 4. jQuery的Ajax请求:在前端,使用jQuery的$.ajax()函数发起一个HTTP请求到服务器。配置请求的URL、类型(GET或POST)、数据...

    struts+json+jquery练习小项目包括返回单个字符、对象、list、map

    这个练习项目旨在帮助初学者掌握Struts2、JSON和jQuery的基本使用,通过实际操作理解它们如何协同工作,从而提升Web开发技能。通过这样的练习,你可以了解如何在服务器端处理数据,将其转换为JSON格式,然后在客户端...

    最简单的:Struts2+JSON+JQUERY+AJAX 完整DEMO源代码

    Struts2、JSON、JQUERY和AJAX是Web开发中常用的技术栈,它们结合使用能够构建出高效、交互性强的动态网页应用。本DEMO源代码提供了这些技术的集成示例,非常适合初学者理解和实践。 **Struts2** 是一个基于MVC...

    struts2+ajax+jquery

    总的来说,"struts2+ajax+jquery"的组合让开发者能够轻松地构建交互性强、响应快速的Web应用。通过Struts2处理业务逻辑和控制流程,jQuery简化前端JavaScript代码,而Ajax则实现了无刷新的数据交换,提高了用户体验...

    struts2+json+jquery实现ajax登录和注册功能

    ### Struts2、JSON与jQuery实现Ajax登录与注册功能详解 在现代Web开发中,实现...Struts2、JSON与jQuery的结合,不仅简化了前后端的通信流程,还提升了Web应用的实时性和响应速度,是现代Web开发不可或缺的技术组合。

    struts2+jquery+json+List

    Struts2、jQuery、JSON和List是Web开发中常见的技术栈,它们在构建动态、交互式的Web应用程序中扮演着重要角色。这篇博文可能是探讨如何在Struts2框架中结合jQuery和JSON来处理List类型的数据。 Struts2是一个流行...

    json + struts2 + 80个JQuery 效果 个例子

    总的来说,这个压缩包提供了一个全面的学习资源,帮助开发者深入理解并熟练运用JSON数据格式、Struts2框架和jQuery库。通过这些实例,你可以提高Web开发技能,尤其是处理动态交互和数据交换的能力。在实践中不断探索...

    Struts2+Jquery+Ajax

    在Struts2框架下,我们可以使用Jquery的Ajax方法向服务器发送请求,获取JSON或XML数据,然后动态更新页面的部分内容。 在"06-mvc之struts2.ppt"中,可能涵盖了以下内容: 1. Struts2框架的基本概念和架构 2. 如何...

    Struts2+jQuery(不用JSON)实现局部刷新

    - **Struts2的JSON插件**:虽然题目要求不使用JSON,但通常情况下,Struts2通过JSON插件返回数据给jQuery是最方便的方式。不过,我们可以通过设置Content-Type为"text/plain"或"text/html",让Struts2返回非JSON...

    struts2+json

    总的来说,"struts2+json"资源涉及到了Struts2框架中的Action设计、拦截器机制、结果类型的配置,以及AJAX和JSON在Web应用中的使用。理解这些知识点对于开发动态、交互性强的Java Web应用至关重要。

    struts2+jquery+json+ajax

    Struts2、jQuery、JSON和Ajax是Web开发中常见的技术栈,它们在构建动态、交互式的Web应用程序中扮演着重要角色。这篇博文可能是介绍如何将这些技术整合到一起,以提高用户界面的响应性和用户体验。 Struts2是一个...

Global site tag (gtag.js) - Google Analytics