struts2 ajax异步刷新,Struts2整合jQuery实现ajax异步登录

jQuery对ajax进行了封装，在jQuery中$.ajax()属于最底层的方法，第二层是load(),$.get(),$.post()方法，

第三层是$.getScrip()和$.getJSON()方法。下面是使用$.ajax()方法实现异步登录。

1.编写index.jsp页面.

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

My JSP 'index.jsp' starting page

$(function(){

$('#send').click(function() {

var params=$('input').serialize();     //将input元素序列化，返回JSON数据格式

$.ajax({

type: 'post',

//请求方式为post方式

url: 'login.action',

//请求地址

dataType: 'json',

//服务器返回类型为JSON类型

data:params,

//发送到服务器的数据

success:function(data){

//请求成功后的回调函数

$('#show').html(data.result);

}

});

});

})

登录页面

---

用户名：
密码：

2.配置struts.xml.

/p>

"http://struts.apache.org/dtds/struts-2.1.dtd">

3.User.java

package com.model;

public class User {

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;

}

}

4.LoginAction.java

package com.action;

import com.model.User;

import com.opensymphony.xwork2.ActionSupport;

@SuppressWarnings("serial")

public class LoginAction extends ActionSupport {

private User user;

private String result;

public User getUser() {

return user;

}

public void setUser(User user) {

this.user = user;

}

public String getResult() {

return result;

}

public void setResult(String result) {

this.result = result;

}

public String execute() throws Exception{

result ="异步登录成功！"+"+用户名: "+user.getUsername()+"    密码: "+user.getPassword();

System.out.println(result);

return SUCCESS;

}

}