`
zengshaotao
  • 浏览: 799253 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Struts 2+Jquery+JSON 登陆验证

 
阅读更多

要Struts2支持JSON,需要加进一个叫jsonplugin的插件，配置文件里让Struts2的package继承一个叫“json-default”的package。配置完毕之后，服务端与客户端之间的数据传递就可以使用同一的json格式，显得比较人性化。

 

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<%@ taglib prefix="s" uri="/struts-tags" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>登录页</title>

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript">

    $(function(){

        $("#submit").click(function(){

            var loginName1 = $("input[name='loginName']").val();    //获取账号

            var password1 = $("input[name='password']").val();        //获取密码

 

            var jsonUser = {loginName:loginName1, password:password1};    //JSON对象

            //jsonUser.toString()这种方法错误,javaScript中的toString是用于布尔型变的,

            var strUser = JSON.stringify(jsonUser);    //将JSON对象转变成JSON格式的字符串,

           

            $.post("user/login.action", {json: strUser}, callback, "json");

        });

 

        function callback(json){

            alert(json.msg);    //显示反馈信息

            if(json.success == 1){    //如果返回"登录成功"

                window.location.href = "admin/index.action";    //跳转到后台主页

            }

        }

       

    });

</script>

</head>

<body>

 

<form action="user/login.action" method="post">

    账号<input type="text" name="loginName"/><br/>

    密码<input type="password" name="password"><br/>

    <input type="button" id="submit" value="登录"/>

</form>

 

</body>

</html>

var jsonUser = {loginName:loginName1, password:password1};    (1)
var strUser = JSON.stringify(jsonUser);                                         (2)

第（1）句是组装JSON对象，关于JSON对象的格式，建议大家到http://www.json.org/网站上学习一下，要验证你写的JSON对象是否正确，可在http://json.bloople.net/网站上验证。上面写的JSON对象其实是非常简单的一种，jsonUser对象里有两个属性，分别是loginName和password，而表示这两个属性，用key-value的形式，loginName1和password1分别是接收表单中的账号、密码的值。

第（2）句，相当重要，通过JavaScript内置对象JSON的stringify方法，将JSON对象转换成字符串。因为，我们传送给服务器端的要是JSON格式的字符串。

$.post("login!valid.action", {json: strUser}, callback, "json");

这一句，Jquery用POST方法向服务器端发送数据，login!valid.action是我们要发送到的目的URI，也即直达loginAction的valid方法。而{…}是我们要发送的数据（data），{json:strUser}，其实也是一个JSON对象，Key：value的形式。在Action那里接收时，要接收“json”这个变量，这个变量的值就是我们发送的strUser字符串。

回调函数（callback）是指服务器端成功发回时，在JS端执行的函数。最后一个参数“json”是返回数据类型的一种，另外，还有”text”、“xml”等。

 

import java.io.IOException;

import javax.servlet.http.HttpServletResponse;

import org.apache.struts2.ServletActionContext;

import org.json.JSONObject;

import cn.simple.pojo.User;

import com.opensymphony.xwork2.ActionSupport;

 

//@Results({ 注解的配制方式

//    @Result(name="success", location="admin/index.action", type="redirect"),

//    @Result(name="input", location="loginform.jsp", type="dispatcher")

//})

public class LoginAction extends ActionSupport {

 

    private String json;    //JSON字符串,JS与Action传递数据的载体

    public String getJson() {

        return json;

    }

    public void setJson(String json) {

        this.json = json;

    }

 

    /** 

     * 登录验证

       * 这里是void类型，不会发生调整，直接像servlet那样输出html代码，最终由客户端解析

      * 调用原生Servlet的response来向浏览器端发送数据

     * @throws Exception

     */

    public void valid() throws Exception {

        JSONObject jsonObj = new JSONObject(json);    //将JSON格式的字符串构造成JSON对象

        String loginName = jsonObj.getString("loginName"); //获取JSON对象中的loginName属性的值

        String password = jsonObj.getString("password");    //获取JSON对象中的password属性的值

       

        if(loginName=="admin"){

            //此时的JSON对象,有两个属性success和msg,其中suc表示是否登录成功的状态

            json = "{success:0, msg:'用户名不存在'}";    //构造JSON格式的字符串

        } else if( ! password.equals("123")){

            json = "{success:0, msg:'密码不正确!'}";

        } else {

            json = "{success:1, msg:'登录成功!'}";

        }

        sendMsg(json);    //发送JSON格式的字符串回JS端

    }

   

    /** *//**

     * 向客户端的JS发送字符串

     * @param content 发送的内容

     * @throws IOException

     */

    public void sendMsg(String content) throws IOException{

        HttpServletResponse response = ServletActionContext.getResponse();

        response.setCharacterEncoding("UTF-8");

        response.getWriter().write(content);

    }

   

}

 

分享到：
| struts2支持json
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    YOLOv12：以注意力为中心的实时目标检测器.pdf

    YOLOv12：以注意力为中心的实时目标检测器

    GO语言基础语法指令教程

    GO语言基础语法指令教程

    MATLAB代码实现：分布式电源接入对配电网运行影响深度分析与评估,MATLAB代码分析：分布式电源接入对配电网运行影响评估,MATLAB代码：分布式电源接入对配电网影响分析 关键词：分布式电源 配电

    MATLAB代码实现：分布式电源接入对配电网运行影响深度分析与评估,MATLAB代码分析：分布式电源接入对配电网运行影响评估,MATLAB代码：分布式电源接入对配电网影响分析 关键词：分布式电源 配电网 评估 参考文档：《自写文档，联系我看》参考选址定容模型部分； 仿真平台：MATLAB 主要内容：代码主要做的是分布式电源接入场景下对配电网运行影响的分析，其中，可以自己设置分布式电源接入配电网的位置，接入配电网的有功功率以及无功功率的大小，通过牛顿拉夫逊法求解分布式电源接入后的电网潮流，从而评价分布式电源接入前后的电压、线路潮流等参数是否发生变化，评估配电网的运行方式。 代码非常精品，是研究含分布式电源接入的电网潮流计算的必备程序 ,分布式电源; 配电网; 接入影响分析; 潮流计算; 牛顿拉夫逊法; 电压评估; 必备程序。,基于MATLAB的分布式电源对配电网影响评估系统

    三相光伏并网逆变器：Mppt最大功率跟踪与800V中间母线电压的电力转换技术,三相光伏并网逆变器：实现最大功率跟踪与800V中间母线电压的优化处理,三相光伏并网逆变器 输入光伏Mppt 最大功率跟踪

    三相光伏并网逆变器：Mppt最大功率跟踪与800V中间母线电压的电力转换技术,三相光伏并网逆变器：实现最大功率跟踪与800V中间母线电压的优化处理,三相光伏并网逆变器 输入光伏Mppt 最大功率跟踪中间母线电压800V 后级三相光伏并网逆变器 ,三相光伏并网逆变器; 输入光伏Mppt; 最大功率跟踪; 中间母线电压800V; 后级逆变器,三相光伏并网逆变器：MPPT最大功率跟踪800V母线电压

    基于SSM的车位销售平台设计与实现.zip(毕设&课设&实训&大作业&竞赛&项目)

    项目工程资源经过严格测试运行并且功能上ok，可实现复现复刻，拿到资料包后可实现复现出一样的项目，本人系统开发经验充足（全栈全领域），有任何使用问题欢迎随时与我联系，我会抽时间努力为您解惑，提供帮助 【资源内容】：包含源码+工程文件+说明等。答辩评审平均分达到96分，放心下载使用！可实现复现；设计报告也可借鉴此项目；该资源内项目代码都经过测试运行，功能ok 【项目价值】：可用在相关项目设计中，皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面，可借鉴此优质项目实现复刻，设计报告也可借鉴此项目，也可基于此项目来扩展开发出更多功能 【提供帮助】：有任何使用上的问题欢迎随时与我联系，抽时间努力解答解惑，提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 下载后请首先打开说明文件（如有）;整理时不同项目所包含资源内容不同;项目工程可实现复现复刻，如果基础还行，也可在此程序基础上进行修改，以实现其它功能。供开源学习/技术交流/学习参考，勿用于商业用途。质量优质，放心下载使用

    西门子博途三部十层电梯程序案例解析：基于Wincc RT Professional V14及更高版本的应用探索,西门子博途三部十层电梯程序案例解析：基于Wincc RT Professional画面与

    西门子博途三部十层电梯程序案例解析：基于Wincc RT Professional V14及更高版本的应用探索,西门子博途三部十层电梯程序案例解析：基于Wincc RT Professional画面与V14及以上版本技术参考,西门子1200博途三部十层电梯程序案例，加Wincc RT Professional画面三部十层电梯程序，版本V14及以上。 程序仅限于参考资料使用。 ,西门子;1200博途;三部十层电梯程序案例;Wincc RT Professional;V14以上程序版本。,西门子V14+博途三部十层电梯程序案例：Wincc RT Pro专业画面技术解析

    基于舆情数据的知识图谱推荐可视化系统论文，全原创，免费分享

    基于舆情数据的知识图谱推荐可视化系统论文，全原创，免费分享

    基于Vivado源码的AM包络检调制解调与FIR滤波器设计在FPGA上的实现,基于Zynq-7000和Artix-7系列的AM包络检调制解调源码及Vivado环境下的实现,AM包络检调制解调,Viva

    基于Vivado源码的AM包络检调制解调与FIR滤波器设计在FPGA上的实现,基于Zynq-7000和Artix-7系列的AM包络检调制解调源码及Vivado环境下的实现,AM包络检调制解调,Vivado源码 FPGA的AM调制解调源码，其中FIR滤波器根据MATLAB设计。 【AM_jietiao】文件是基于zynq-7000系列，但没有涉及AD与DA，只是单纯的仿真。 【AM包络检调制解调_Vivado源码】文件基于Artix-7系列，从AD读入信号后，进行AM调制，并解调DA输出。 ,AM包络检调制解调;Vivado源码;FPGA;AM调制解调源码;FIR滤波器;MATLAB设计;Zynq-7000系列;Artix-7系列;AD读入信号;DA输出,AM包络调制解调源码：Zynq-7000与Artix-7 FPGA的不同实现

    rdtyfv、ijij

    yugy

    2025山东大学：DeepSeek应用与部署（部署方案大全+API调用+业务应用）-80页.pptx

    2025山东大学：DeepSeek应用与部署（部署方案大全+API调用+业务应用）-80页.pptx

    chromedriver-mac-x64-135.0.7023.0(Dev).zip

    chromedriver-mac-x64-135.0.7023.0(Dev).zip

    基于单片机protues仿真的433MHz无线模块编解码收发通信测试（仿真图、源代码）

    基于单片机protues仿真的433MHz无线模块编解码收发通信测试（仿真图、源代码） 该设计为单片机protues仿真的433MHz无线模块收发通信测试； 1、433M超再生收发模块； 2、在仿真图中是把发射MCU的P2_7腿直接输入到接收MCU的INT0实现编码解码的； 3、通过433MHz无线模块实现无线通信的编解码功能； 4、按键控制指令； 5、液晶屏显示收发状态和信息；

    车机安卓版好用的应用管理app

    资源说说明; 自带文件管理 adb操作以及应用管理等等的功能。 操作性对比其他应用较好。 参阅博文： https://blog.csdn.net/mg668/article/details/145689511?spm=1001.2014.3001.5352

    软件工程课程设计前端.zip

    项目工程资源经过严格测试运行并且功能上ok，可实现复现复刻，拿到资料包后可实现复现出一样的项目，本人系统开发经验充足（全栈全领域），有任何使用问题欢迎随时与我联系，我会抽时间努力为您解惑，提供帮助 【资源内容】：包含源码+工程文件+说明等。答辩评审平均分达到96分，放心下载使用！可实现复现；设计报告也可借鉴此项目；该资源内项目代码都经过测试运行，功能ok 【项目价值】：可用在相关项目设计中，皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面，可借鉴此优质项目实现复刻，设计报告也可借鉴此项目，也可基于此项目来扩展开发出更多功能 【提供帮助】：有任何使用上的问题欢迎随时与我联系，抽时间努力解答解惑，提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 下载后请首先打开说明文件（如有）;整理时不同项目所包含资源内容不同;项目工程可实现复现复刻，如果基础还行，也可在此程序基础上进行修改，以实现其它功能。供开源学习/技术交流/学习参考，勿用于商业用途。质量优质，放心下载使用

    智慧图书管理系统(源码+数据库+论文)java开发springboot框架javaweb，可做计算机毕业设计或课程设计

    智慧图书管理系统(源码+数据库+论文)java开发springboot框架javaweb，可做计算机毕业设计或课程设计 【功能需求】 本系统分为读者、管理员2个角色 读者可以进行注册登录、浏览图书以及留言、图书借阅、图书归还、图书续借、个人中心、论坛交流、等功能 管理员可以进行读者管理、图书管理、论坛论坛回复管理、图书借阅管理（下架、库存管理、修改、删除）、轮播图管理 【环境需要】 1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以。 2.IDE环境：IDEA，Eclipse,Myeclipse都可以。 3.tomcat环境：Tomcat 7.x,8.x,9.x版本均可 4.数据库：MySql 5.7/8.0等版本均可； 【购买须知】 本源码项目经过严格的调试，项目已确保无误，可直接用于课程实训或毕业设计提交。里面都有配套的运行环境软件，讲解视频，部署视频教程，一应俱全，可以自己按照教程导入运行。附有论文参考，使学习者能够快速掌握系统设计和实现的核心技术。

    三相APFC电路与单相Boost PFC电路仿真模型：电压外环电流内环双闭环控制研究,三相电路仿真模型：探索APFC电路、单相PFC电路及BoostPFC电路的动态特性与双闭环控制策略,APFC电路

    三相APFC电路与单相Boost PFC电路仿真模型：电压外环电流内环双闭环控制研究,三相电路仿真模型：探索APFC电路、单相PFC电路及BoostPFC电路的动态特性与双闭环控制策略,APFC电路，单相PFC电路，单相BoostPFC电路仿真模型。 网侧220V 50Hz,输出电压设置为50Hz。 电压外环电流内环双闭环控制仿真模型 ,APFC电路; 单相PFC电路; 单相BoostPFC电路仿真模型; 网侧电压; 220V 50Hz; 输出电压50Hz; 电压外环电流内环双闭环控制仿真模型。,基于APFC电路的单相Boost PFC仿真模型：网侧电压220V/50Hz下电压电流双闭环控制的研究与应用

    MATLAB环境下ADMM算法在分布式调度中的应用：比较并行与串行算法(Jocobi与Gaussian Seidel)的优化效果与实现细节-基于YALMIP和GUROBI的仿真平台复刻参考文档的研究

    MATLAB环境下ADMM算法在分布式调度中的应用：比较并行与串行算法(Jocobi与Gaussian Seidel)的优化效果与实现细节——基于YALMIP和GUROBI的仿真平台复刻参考文档的研究结果。,MATLAB下ADMM算法在分布式调度中的并行与串行算法应用：基于YALMIP与GUROBI的仿真研究,MATLAB代码：ADMM算法在分布式调度中的应用 关键词：并行算法(Jocobi)和串行算法（Gaussian Seidel, GS) 参考文档：《主动配电网分布式无功优化控制方法》《基于串行和并行ADMM算法的电-气能量流分布式协同优化》 仿真平台：MATLAB YALMIP GUROBI 主要内容：ADMM算法在分布式调度中的应用 复刻参考文档 ,关键词：ADMM算法; 分布式调度; 并行算法(Jocobi); 串行算法(Gaussian Seidel, GS); MATLAB代码; YALMIP; GUROBI; 主动配电网; 无功优化控制方法; 能量流分布式协同优化。,MATLAB实现：ADMM算法在分布式调度中的并行与串行优化应用

    “考虑P2G、碳捕集与碳交易机制的综合能源系统优化调度模型研究”,考虑电转气P2G与碳捕集设备的热电联供综合能源系统优化调度模型研究（含碳交易机制与四种算例场景分析）,考虑P2G和碳捕集设备的热电联供

    “考虑P2G、碳捕集与碳交易机制的综合能源系统优化调度模型研究”,考虑电转气P2G与碳捕集设备的热电联供综合能源系统优化调度模型研究（含碳交易机制与四种算例场景分析）,考虑P2G和碳捕集设备的热电联供综合能源系统优化调度模型 摘要：代码主要做的是一个考虑电转气P2G和碳捕集设备的热电联供综合能源系统优化调度模型，模型耦合CHP热电联产单元、电转气单元以及碳捕集单元，并重点考虑了碳交易机制，建立了综合能源系统运行优化模型，与目前市面上的代码不同，本代码完全复现了文档中所提出的四种算例场景，没有对比算例，买过去也没有任何意义，四种算例主要包括： 1）t不包括P2G、CCS、以及碳交易 2）t包括P2G，但是不包括CCS以及碳交易 3）t包括P2G和CCS，但是不包括碳交易 4）t包括P2G、CCS以及碳交易 且最终的实现效果与文档进行对比后，虽然数值无法100%一致，但是结果以及数值曲线，几乎完全一样，此版本为目前市面上最好的园区综合能源调度代码，没有之一 ,考虑电转气（P2G）; 碳捕集设备; 热电联供综合能源系统; 优化调度模型; 碳交易机制; CHP热电联产单元; 耦合模型; 算

    FS-LDM培训材料(DAY_2)_NCR数据仓库事业部.ppt

    FS-LDM培训材料(DAY_2)_NCR数据仓库事业部.ppt

    专题 平面向量的数量积（学生版）20250222.pdf

    专题 平面向量的数量积（学生版）20250222.pdf

Magicbox
Global site tag (gtag.js) - Google Analytics