【communication】ajax之jquery与struts2通信小实验

最新推荐文章于 2024-07-03 09:30:00 发布

jrwykkll

最新推荐文章于 2024-07-03 09:30:00 发布

阅读量590

点赞数

分类专栏： communication

本文链接：https://blog.csdn.net/jrwykkll/article/details/8746790

版权

communication 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

先创建一action，接受用户的登录参数，若用户名、密码相同，则返回success.jsp，否则返回fail.jsp

1、LoginAction.java

package com.jing.action;
import com.opensymphony.xwork2.ActionSupport;
public class LoginAction extends ActionSupport {
   private String name;
   private String password;
   @Override
   public String execute() throws Exception {
       if (getName().equals(getPassword())) {
           return "success";
       }else {
           return "fail";
       }
   }
   public String getName() {
       return name;
   }
   public void setName(String name) {
       this.name = name;
   }
   public String getPassword() {
       return password;
   }
   public void setPassword(String password) {
       this.password = password;
   }
}

2、struts.xml:

<package name="login" namespace="/" extends="struts-default">
   <action name="login" class="com.jing.action.LoginAction">
       <result name="success">success.jsp</result>
       <result name="fail">fail.jsp</result>
   </action>
</package>

3、其他文件：web.xml struts.xml success.jsp fail.jsp

至此，后台完成！！

===================================================

前台：用easyUI编写的：1.html

<!DOCTYPE html>
<html>
   <head>
       <meta http-equiv="content-type" content="text/html,charset=UTF-8" />
       <script type="text/javascript" src="./js/jquery-1.8.0.min.js"
           charset="UTF-8"></script>
       <script type="text/javascript" src="./js/jquery.easyui.min.js"></script>
       <link rel="stylesheet" type="text/css"
           href="./js/themes/default/easyui.css">
       <link rel="stylesheet" type="text/css" href="./js/themes/icon.css">
       <script type="text/javascript" src="./js/locale/easyui-lang-zh_CN.js"></script>
       <link rel="stylesheet" type="text/css" href="./js/demo/demo.css">
       <script type="text/javascript">
   var loginAndRegister;

   $(function() {
       loginAndRegister = $('#loginAndRegister').dialog( {
           closable : false,
           modal : true,
           buttons : [ {
               text : '注册',
               handler : function() {
                   //console.info("注册事件");
           }
           }, {
               text : '登录',
               handler : function() {
                   //console.info("登录事件");
               $.ajax( {
                   url : 'login.action',
                   data : {
                       name : $('#loginAndRegisterForm input[name=name]').val(),
                       password : $('#loginAndRegisterForm input[name=password]').val()
                   },
                   cache : false,
                   dataType : 'json',
                   success : function(r){
                       console.info(r.msg);
                   }
               });
           }
           } ]
       });
   });
</script>
   </head>
   <body>
       <div id="loginAndRegister" title="用户登录"
           style="width: 400px; height: 200px">
           <form id="loginAndRegisterForm">
               <table align="center">
                   <tr>
                       <th align="right">
                           用户名
                       </th>
                       <td>
                           <input name="name">
                       </td>
                   </tr>
                   <tr>
                       <th align="right">
                           密码
                       </th>
                       <td>
                           <input name="password" type="password" />
                       </td>
                   </tr>
               </table>
           </form>
       </div>
   </body>
</html>
===================================================

运行结果：

输入：http://localhost:8080/easyUI/1.html

jrwykkll

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【communication】ajax之jquery与struts2通信小实验

先创建一action，接受用户的登录参数，若用户名、密码相同，则返回success.jsp，否则返回fail.jsp1、LoginAction.javapackage com.jing.action;import com.opensymphony.xwork2.ActionSupport;public class LoginAction extends ActionSupport
复制链接

扫一扫