Struts 2与AJAX集成:解决JSON响应解析错误的最佳实践

Struts 2与AJAX集成:解决JSON响应解析错误的最佳实践

本教程旨在解决Struts 2与AJAX集成时,JSON响应导致前端解析错误的问题。核心在于理解Struts 2 JSON插件的工作机制,即通过序列化Action的公共属性来生成JSON数据,而非手动写入响应流。文章将详细阐述正确的Action类设计、Struts配置及AJAX调用方式,确保JSON数据能够被前端正确解析。

理解Struts 2 JSON插件的工作原理

在struts 2框架中,当我们需要向前端返回json格式的数据时,通常会利用其强大的json插件。该插件通过配置,能够自动将action类中的公共属性(带有公共getter方法)序列化为json字符串并发送给客户端。然而,许多开发者在初次尝试时,可能会遇到ajax请求成功但响应被error回调函数捕获,并报告“parse error”的问题。这通常是由于对json插件的工作机制理解不足导致的。

原始代码中,Action类PropertyTesting.java试图通过ServletActionContext.getResponse().getWriter().write(obj.toJSONString());手动将JSON字符串写入响应流,同时struts.xml中又配置了。这种做法产生了冲突:

手动写入: getWriter().write()会立即将JSON字符串发送到客户端。JSON插件序列化: 当Action执行完毕并返回SUCCESS后,Struts 2的JSON插件会再次尝试序列化PropertyTesting这个Action实例的属性,并将其作为响应发送。

由于响应流可能已经被手动写入并关闭,或者JSON插件尝试序列化一个没有暴露JSON数据的Action实例,这会导致客户端接收到的响应要么是空字符串,要么是格式不正确的JSON,从而引发AJAX的“parse error”。

正确的Action类设计与数据暴露

为了让Struts 2 JSON插件正确地工作,我们应该遵循其设计原则:将需要序列化为JSON的数据作为Action类的公共属性暴露出来,并通过公共的getter方法提供访问。JSON插件会自动检测这些属性并将其转换为JSON。

以下是修正后的PropertyTesting.java代码示例:

import java.util.HashMap;import java.util.Map;import com.opensymphony.xwork2.ActionSupport;public class PropertyTesting extends ActionSupport {    // 定义一个Map类型的属性,用于存放需要序列化的JSON数据    // 注意:这个属性必须有公共的getter方法    private Map jsonData; // 属性名可以自定义,但getter方法名需要对应    // 公共的getter方法,JSON插件会通过它获取数据并序列化    public Map getJsonData() { // getter方法名应为 get + 属性名(首字母大写)       return jsonData;    }    public String execute()     {        // 在execute方法中初始化并填充数据到jsonData属性        jsonData = new HashMap();        jsonData.put("Name", "PersonName");        jsonData.put("ID", "PersonID");        // 返回SUCCESS,让Struts 2 JSON插件接管响应处理        return SUCCESS;    }}

关键点说明:

移除手动写入: execute()方法中不再需要ServletActionContext.getResponse().getWriter().write()。定义属性: 创建一个私有属性(例如jsonData),类型可以是Map、List、自定义Java Bean等,只要能被JSON库序列化即可。提供Getter: 为该属性提供一个公共的getter方法(例如getJsonData())。Struts 2 JSON插件会查找这些getter方法来获取要序列化的数据。填充数据: 在execute()方法中,将需要返回的数据填充到这个属性中。返回SUCCESS: 确保execute()方法返回SUCCESS,以便Struts 2能够根据struts.xml的配置调用JSON结果类型处理器

Struts.xml 配置

struts.xml的配置在原问题中已经基本正确,它指定了使用json-default包和type=”json”的结果类型。这正是启用JSON插件的关键。

                                      <!--                  可选配置:如果想自定义JSON根对象的名称,可以使用param name="root"                 例如:jsonData                 这里jsonData是Action类中getter方法的名称(getJsonData()对应的属性名)。                 如果省略,插件会尝试序列化整个Action对象,或者根据默认规则选择。                 在本例中,getJsonData()是唯一的getter,所以默认会序列化它。            -->            

配置要点:

extends=”json-default”: 确保你的包继承了json-default包,这样才能使用type=”json”结果类型。 这行配置告诉Struts 2,当Action返回SUCCESS时,使用JSON插件来处理响应。

JSP页面与AJAX调用

JSP页面中的AJAX调用方式在原问题中也是正确的,它指定了dataType:”json”,这会告诉jQuery期望接收JSON格式的响应,并尝试自动解析。

    Property Testingfunction invokeAjax(){    $.ajax(    {        type:"POST",        url:"PropertyTesting",        dataType:"json", // 明确告诉jQuery期望JSON响应        success: function(responseText)        {            // 当Struts 2正确返回JSON时,responseText将是一个JavaScript对象            console.log("成功响应:", responseText);              console.log("姓名:", responseText.Name); // 访问JSON对象的属性            console.log("ID:", responseText.ID);        },        error: function(jqXHR, textStatus, errorThrown)        {            // 错误处理函数,用于调试            console.log("AJAX请求失败!");            console.log("状态码:", jqXHR.status);            console.log("错误状态:", textStatus);            console.log("错误信息:", errorThrown);            console.log("响应文本:", jqXHR.responseText); // 查看原始响应文本有助于调试        }    });}    

AJAX调用要点:

dataType:”json”: 这是至关重要的,它指示jQuery自动解析收到的响应为JSON对象。success回调: 当响应被成功解析为JSON后,responseText参数将直接是一个JavaScript对象,你可以像访问普通对象一样访问其属性(例如responseText.Name)。error回调: 在调试阶段,error回调函数非常有用。通过打印jqXHR.responseText,你可以看到服务器返回的原始文本,这有助于判断是服务器端返回了非JSON内容,还是JSON格式有误。

总结与注意事项

通过以上修正,Struts 2与AJAX集成时返回JSON的流程将变得清晰和可靠:

利用Struts 2 JSON插件: 避免在Action中手动写入响应流。暴露Action属性: 将需要返回的数据封装在Action的私有属性中,并提供公共的getter方法。正确配置struts.xml: 确保包继承json-default,并且Action结果类型为json。AJAX指定dataType:”json”: 让前端库自动处理JSON解析。

这种方法不仅符合Struts 2的设计哲学,也使得代码更加简洁、易于维护。记住,Struts 2 Action并非单例,因此在Action中创建和填充属性是安全且推荐的做法。

以上就是Struts 2与AJAX集成:解决JSON响应解析错误的最佳实践的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/90190.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年11月18日 09:17:31
下一篇 2025年11月18日 09:48:06

相关推荐

  • SASS 中的 Mixins

    mixin 是 css 预处理器提供的工具,虽然它们不是可以被理解的函数,但它们的主要用途是重用代码。 不止一次,我们需要创建多个类来执行相同的操作,但更改单个值,例如字体大小的多个类。 .fs-10 { font-size: 10px;}.fs-20 { font-size: 20px;}.fs-…

    2025年12月24日
    000
  • React 或 Vite 是否会自动加载 CSS?

    React 或 Vite 是否自动加载 CSS? 在 React 中,如果未显式导入 CSS,而页面却出现了 CSS 效果,这可能是以下原因造成的: 你使用的第三方组件库,例如 AntD,包含了自己的 CSS 样式。这些组件库在使用时会自动加载其 CSS 样式,无需显式导入。在你的代码示例中,cla…

    2025年12月24日
    000
  • React 和 Vite 如何处理 CSS 加载?

    React 或 Vite 是否会自动加载 CSS? 在 React 中,默认情况下,使用 CSS 模块化时,不会自动加载 CSS 文件。需要手动导入或使用 CSS-in-JS 等技术才能应用样式。然而,如果使用了第三方组件库,例如 Ant Design,其中包含 CSS 样式,则这些样式可能会自动加…

    2025年12月24日
    000
  • ElementUI el-table 子节点选中后为什么没有打勾?

    elementui el-table子节点选中后没有打勾? 当您在elementui的el-table中选择子节点时,但没有出现打勾效果,可能是以下原因造成的: 在 element-ui 版本 2.15.7 中存在这个问题,升级到最新版本 2.15.13 即可解决。 除此之外,请确保您遵循了以下步骤…

    2025年12月24日
    200
  • 您不需要 CSS 预处理器

    原生 css 在最近几个月/几年里取得了长足的进步。在这篇文章中,我将回顾人们使用 sass、less 和 stylus 等 css 预处理器的主要原因,并向您展示如何使用原生 css 完成这些相同的事情。 分隔文件 分离文件是人们使用预处理器的主要原因之一。尽管您已经能够将另一个文件导入到 css…

    2025年12月24日
    000
  • CSS 中如何正确使用 box-shadow 设置透明度阴影?

    css 中覆盖默认 box-shadow 样式时的报错问题 在尝试修改导航栏阴影时遇到报错,分析发现是 box-shadow 样式引起的问题。 问题原因 使用 !important 仍无法覆盖默认样式的原因在于,你使用了 rgb() 而不是 rgba(),这会导致语法错误。 立即学习“前端免费学习笔…

    2025年12月24日
    300
  • 为何scss中嵌套使用/*rtl:ignore*/无法被postcss-rtl插件识别?

    postcss-rtl插件为何不支持在scss中嵌套使用/*rtl:ignore*/ 在使用postcss-rtl插件时,如果希望对某个样式不进行转换,可以使用/*rtl:ignore*/在选择器前面进行声明。然而,当样式文件为scss格式时,该声明可能会失效,而写在css文件中则有效。 原因 po…

    2025年12月24日
    000
  • Sass 中使用 rgba(var –color) 时的透明度问题如何解决?

    rgba(var –color)在 Sass 中无效的解决方法 在 Sass 中使用 rgba(var –color) 时遇到透明问题,可能是因为以下原因: 编译后的 CSS 代码 rgba($themeColor, 0.8) 在编译后会变为 rgba(var(–…

    2025年12月24日
    000
  • ## PostCSS vs. Sass/Less/Stylus:如何选择合适的 CSS 代码编译工具?

    PostCSS 与 Sass/Less/Stylus:CSS 代码编译转换中的异同 在 CSS 代码的编译转换领域,PostCSS 与 Sass/Less/Stylus 扮演着重要的角色,但它们的作用却存在细微差异。 区别 PostCSS 主要是一种 CSS 后处理器,它在 CSS 代码编译后进行处…

    2025年12月24日
    000
  • SCSS 简介:增强您的 CSS 工作流程

    在 web 开发中,当项目变得越来越复杂时,编写 css 可能会变得重复且具有挑战性。这就是 scss (sassy css) 的用武之地,它是一个强大的 css 预处理器。scss 带来了变量、嵌套、混合等功能,使开发人员能够编写更干净、更易于维护的代码。在这篇文章中,我们将深入探讨 scss 是…

    2025年12月24日
    000
  • 在 Sass 中使用 Mixin

    如果您正在深入研究前端开发世界,那么您很可能遇到过sass(语法很棒的样式表)。 sass 是一个强大的 css 预处理器,它通过提供变量、嵌套、函数和 mixins 等功能来增强您的 css 工作流程。在这些功能中,mixins 作为游戏规则改变者脱颖而出,允许您有效地重用代码并保持样式表的一致性…

    2025年12月24日
    200
  • SCSS:创建模块化 CSS

    介绍 近年来,css 预处理器的使用在 web 开发人员中显着增加。 scss (sassy css) 就是这样一种预处理器,它允许开发人员编写模块化且可维护的 css 代码。 scss 是 css 的扩展,添加了更多特性和功能,使其成为设计网站样式的强大工具。在本文中,我们将深入探讨使用 scss…

    2025年12月24日
    000
  • SCSS – 增强您的 CSS 工作流程

    在本文中,我们将探索 scss (sassy css),这是一个 css 预处理器,它通过允许变量、嵌套规则、mixins、函数等来扩展 css 的功能。 scss 使 css 的编写和维护变得更加容易,尤其是对于大型项目。 1.什么是scss? scss 是 sass(syntropically …

    2025年12月24日
    000
  • 如何正确使用 CSS:简洁高效样式的最佳实践

    层叠样式表 (css) 是 web 开发中的一项基本技术,允许设计人员和开发人员创建具有视觉吸引力和响应灵敏的网站。然而,如果没有正确使用,css 很快就会变得笨拙且难以维护。在本文中,我们将探索有效使用 css 的最佳实践,确保您的样式表保持干净、高效和可扩展。 什么是css? css(层叠样式表…

    2025年12月24日
    000
  • 为什么前端固定定位会发生移动问题?

    前端固定定位为什么会出现移动现象? 在进行前端开发时,我们经常会使用CSS中的position属性来控制元素的定位。其中,固定定位(position: fixed)是一种常用的定位方式,它可以让元素相对于浏览器窗口进行定位,保持在页面的固定位置不动。 然而,有时候我们会遇到一个问题:在使用固定定位时…

    2025年12月24日
    000
  • 学会从头开始学习CSS,掌握制作基本网页框架的技巧

    从零开始学习CSS,掌握网页基本框架制作技巧 前言: 在现今互联网时代,网页设计和开发是一个非常重要的技能。而学习CSS(层叠样式表)是掌握网页设计的关键之一。CSS不仅可以为网页添加样式和布局,还可以为用户呈现独特且具有吸引力的页面效果。在本文中,我将为您介绍一些基本的CSS知识,以及一些常用的代…

    2025年12月24日
    200
  • 探究CSS引入第三方框架的作用及价值

    CSS引入第三方框架的作用和意义,需要具体代码示例 随着前端技术的迅猛发展,越来越多的前端工程师开始采用第三方框架来简化开发流程并提高工作效率。在CSS的世界里,也有许多优秀的第三方框架可供选择,如Bootstrap、Foundation等。本文将重点讨论CSS引入第三方框架的作用和意义,并通过具体…

    2025年12月24日
    000
  • 从初学到专业:掌握这五种前端CSS框架

    CSS是网站设计中重要的一部分,它控制着网站的外观和布局。前端开发人员为了让页面更加美观和易于使用,通常使用CSS框架。这篇文章将带领您了解这五种前端CSS框架,从入门到精通。 Bootstrap Bootstrap是最受欢迎的CSS框架之一。它由Twitter公司开发,具有可定制的响应式网格系统、…

    2025年12月24日
    200
  • 揭秘Web标准涵盖的语言:了解网页开发必备的语言范围

    在当今数字时代,互联网成为了人们生活中不可或缺的一部分。作为互联网的基本构成单位,网页承载着我们获取和分享信息的重要任务。而网页开发作为一门独特的技术,离不开一些必备的语言。本文将揭秘Web标准涵盖的语言,让我们一起了解网页开发所需的语言范围。 首先,HTML(HyperText Markup La…

    2025年12月24日
    000
  • 克服害怕做选择的恐惧症:这五个前端CSS框架将为你解决问题

    选择恐惧症?这五个前端CSS框架能帮你解决问题 近年来,前端开发者已经进入了一个黄金时代。随着互联网的快速发展,人们对于网页设计和用户体验的要求也越来越高。然而,要想快速高效地构建出漂亮的网页并不容易,特别是对于那些可能对CSS编码感到畏惧的人来说。所幸的是,前端开发者们早已为我们准备好了一些CSS…

    2025年12月24日
    200

发表回复

登录后才能评论
关注微信