`

jQuery ajax与struts2以json形式交互

阅读更多

通过ajax更换div的样式,可能失败的原因:

1、ajax中的cache: false是必须的;

2、查看url是否正确,通过浏览器直接方法url看看是否执行;

3、查看是否有拦截器之类程序,就此拦截(这个很隐蔽,尤其是你都系统不是很熟悉)

4、ajax传递的参数没有传到后台,可能在action中,属性没有设置set方法,还有就是属性的名字不对(-_-!)如:属性名字是uName,那么自动生成的set方法为:setuName,这样action是获取不到这个属性的,改成setUName就ok了,所以命名很重要,否则带来N多麻烦;

5、将mapBean属性的getter方式上设置annotation,如下:

@JSON(serialize = false)
public MapBean getMapBean() {
    return mapBean;
}

 

前台页面部分代码:

$.ajax({
               url :'/test/showJson.action',  //后台处理程序
               type:'post',    //数据发送方式
               cache: false,   //是否缓存
               dataType:'json',   //接受数据格式
               data:"sid="+sid,   //要传递的数据(参数)
               success:_change  //回传函数(这里是函数名)
});


function _change (json) {
    $("#sDIV").removeClass();
    $("#pre").removeClass();
    $("#she").removeClass();

    $("#sDIV").attr("style",json.sMap.style);
    $("#pre").attr("style",json.preMap.style);
    $("#she").attr("style",json.sheMap.style);

    $("#sDIV").attr("id",json.sMap.id);
    $("#pre").attr("id",json.preMap.id);
    $("#she").attr("id",json.sheMap.id);
    }

 



后台struts2(action及配置文件)部分代码:

加入2个包struts2-json-plugin-2.2.1.jar、json-lib-2.1-jdk15.jar

public String ajaxShowJson() {
    try {
        mapBean = testService.getTest(sId);
    } catch (Exception e) {
        e.printStackTrace();
    }
    return SUCCESS;
}


<package name="test_Json" extends="json-default"> 
         <action name="showJson" class="testAction" method="ajaxShowJson">
            <result  name="success" type="json">
            <param name="root">mapBean</param>
            </result>
        </action>
</package>
 

 

分享到:
评论

相关推荐

    ajax与Struts2使用json格式交互实例

    使用Struts2和jQuery EasyUI实现简单CRUD系统,从零开始,从基础的ajax与Struts2的使用json格式进行交互开始。

    jquery ajax json struts2最简单例子测试成功

    2. **JSON与Struts2的结合**:Struts2 Action执行后返回一个JSON字符串,这个字符串被jQuery AJAX请求接收。通过Struts2的插件,如struts2-json-plugin,可以在Action类中直接返回一个包含JSON数据的对象,Struts2会...

    AJAX和struts2传递JSON数组

    总结来说,通过这种方式,我们可以利用AJAX向Struts2 Action传递JSON数组,实现异步数据交互。这在动态更新页面内容、处理表单提交等场景下非常有用。同时,使用JSON作为数据交换格式,使得前后端的数据交换变得更加...

    Struts2 与Jquery Ajax的json数据交换的典型范例

    在Struts2与jQuery的Ajax交互中,JSON扮演着数据载体的角色,可以高效地传输数据。 **2. Struts2 JSON插件** 为了支持JSON数据交换,Struts2提供了一个JSON插件。首先,需要在项目中添加该插件的依赖,并在struts....

    JQuery发送Ajax请求Struts2,并返回JSON的例子

    在Web开发中,jQuery、Struts2、Ajax和JSON是常见的技术组合,它们协同工作以实现动态、异步的数据交互。本示例将探讨如何利用jQuery的Ajax功能向Struts2框架发送请求,并以JSON格式接收响应数据。下面我们将详细...

    Jquery struts2 json 实现ajax

    标题 "Jquery struts2 json 实现ajax" 涉及到的是在Web开发中使用jQuery库与Struts2框架结合处理JSON数据的Ajax技术。这个主题主要关注如何通过前端的jQuery实现异步请求,与后端的Struts2框架进行交互,从而更新...

    jquery的ajax传json对象数组到struts2的action

    总结起来,将jQuery的AJAX与Struts2结合,可以通过JSON对象数组进行前后端的数据交互。在前端,利用`$.ajax()`发送JSON数据;在后端,Struts2 Action接收并处理这些数据。这种通信方式在现代Web应用中非常常见,因为...

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

    当用户界面触发某个事件(比如点击按钮),jQuery会发起Ajax请求,Struts2 Action执行相关逻辑并生成JSON响应,最后jQuery将数据插入到网页中,完成一次完整的交互。 总结来说,这个例子展示了如何利用Struts2处理...

    ajax,struts2,json实现省市区三级联动源码含全国省市区数据库

    可能包括了与服务器进行交互的函数,以及处理Struts2返回的JSON数据以更新前端UI的部分。 【详细知识点】 1. **AJAX**:AJAX使得前端可以向后台发送异步请求,获取数据后动态更新DOM元素,实现页面的局部刷新,...

    Struts2 ajax json使用介绍

    在Struts2中,我们可以利用Ajax和JSON来实现数据的异步交互。 **一、引入所需库** 首先,为了在Struts2中使用Ajax和JSON,我们需要引入以下库: 1. Struts2的核心库:`struts2-core.jar` 2. Struts2的JSON插件:`...

    JQuery发起ajax请求Struts2,并操作JSON数据的例子

    在Web开发中,jQuery、Ajax、Struts2和JSON是常用的技术栈,它们结合使用能够构建动态、交互式的网页应用。下面将详细讲解这些技术及其在"JQuery发起ajax请求Struts2,并操作JSON数据的例子"中的应用。 **jQuery** ...

    struts2+json

    这个资源"struts2+json"显然涉及到在Struts2框架下实现JSON(JavaScript Object Notation)数据交换,这是一种轻量级的数据交换格式,广泛用于前后端交互,特别是AJAX(Asynchronous JavaScript and XML)请求。...

    struts2+json+ajax+jquery

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

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

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

    Struts2+Jquery+Ajax

    6. Struts2与Ajax的集成,使用JQuery的$.ajax()或$.getJSON()方法 7. 请求与响应的处理,包括参数传递和数据封装 8. 实例演示:使用Struts2+Jquery+Ajax实现动态加载数据或表单验证 "struts2 jar"文件包含了Struts2...

    struts2与json整合

    在探讨“Struts2与JSON整合”的主题时,我们深入分析了如何在Struts2框架中集成JSON技术,实现前后端数据的高效交互。Struts2作为一款流行的Java Web开发框架,提供了丰富的功能来简化Web应用程序的开发过程。而JSON...

    struts2.2 项目搭建 以及与 struts2-json jquery 前后台进行交互

    2. **Struts2与JSON交互**: - **JSON支持**:Struts2提供了一个名为`struts2-json-plugin`的插件,用于支持JSON格式的数据交换。 - **配置插件**:在`struts.xml`中启用JSON插件,配置Action支持JSON输出。 - **...

    struts2+json+ajax整合例子(导入即可运行,附带详细教程)

    Struts2、JSON和AJAX是Web开发中的关键技术,它们的整合可以实现高效的数据交互和动态页面更新。本文将深入探讨这些技术以及如何在实际项目中整合它们。 **Struts2** 是一个基于MVC(Model-View-Controller)设计...

    json-lib-2.1.jar和struts2-json-plugin-2.1.8.1.jar

    结合这三个组件,开发者可以构建出响应式、动态的Web应用,后端使用Struts 2处理业务逻辑,通过JSON Plugin返回JSON数据,前端利用jQuery通过AJAX请求获取这些数据,然后动态更新页面,提高用户体验。这种前后端分离...

    json2+jsonplugin struts2整合ajax时,使用json时需要的jar包

    在Struts2与Ajax的交互中,后端返回的JSON数据需要在前端被`json2.js`解析成可操作的对象,这样才能在页面上动态更新内容。 接下来,我们讨论Struts2的`jsonplugin`。Struts2 JSON插件是官方提供的一个扩展,它使...

Global site tag (gtag.js) - Google Analytics