【javaWeb】前后端传递数据交互的两种方式

ゝ一世哀愁。 2022-07-12 10:24 572阅读 0赞

## 一、使用struct2的方法set及get ##

1、在jsp中直接定义定义form表单

在js中对于数据进行核验

3、在对于数据提交的时候，会跳转到相应的action处

4、对应提交的数据要在后台使用同一个命名，并设置set及get方法

private String username;
    
        private String password;
    
        public String getUsername() {
            return username;
        }
        public void setUsername(String username) {
            this.username = username;
        }
        public String getPassword() {
            return password;
        }
        public void setPassword(String password) {
            this.password = password;
        }

5、在xml中配置的跳转action

public void login(){
        System.out.println(username);
        System.out.println(password);
    }

6、简单的验证  
![这里写图片描述][SouthEast]

点击login登录以后后台输出如下  
![这里写图片描述][SouthEast 1]

## 二、使用ajax传递数据 ##

1、在js中直接使用ajax作为异步请求

$.ajax({           
            type:"post",
            url:"addwordJsonAction",//请求的action
            data:{word : word},//传递的数据
            dataType:"json",//设置需要返回的数据类型
            success:function(data){ 
                //成功时返回的数据
            }           
    });

2、在xml中的配置文件

<action name="*JsonAction" method="{1}" class="com.simpleton.demo.action.JsonAction">
        
        <result type="json">
            <param name="root">result</param>
        </result>
    </action>

3、对应的action文件中直接读取数据即可使用

HttpServletRequest request = ServletActionContext.getRequest();
    String word = request.getParameter("word");
    System.out.println(word);

[SouthEast]: /images/20220710/023be1f5eb254c8ebb6d58ca1980582f.png
[SouthEast 1]: /images/20220710/411adbf09e7048f5a7c8505f1265a8b8.png