Struts2整合jQuery实现ajax异步登录

最新推荐文章于 2019-04-07 11:19:22 发布

louislam0620

最新推荐文章于 2019-04-07 11:19:22 发布

阅读量262

点赞数

分类专栏： Ajax

Ajax 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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

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

1.编写index.jsp页面.

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

String path = request.getContextPath();

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>My JSP 'index.jsp' starting page</title>

<!--

-->

$(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);

}

});

})

</script>

</head>

<body>

<hr/>

<table>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</form>

</center>

</body>

</html>

2.配置struts.xml.

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1//EN"

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

</action>

</package>

</struts>

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;

}

louislam0620

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Struts2整合jQuery实现ajax异步登录

jQuery对ajax进行了封装，在jQuery中$.ajax()属于最底层的方法，第二层是load(),$.get(),$.post()方法，第三层是$.getScrip()和$.getJSON()方法。下面是使用$.ajax()方法实现异步登录。 1.编写index.jsp页面. String path = request.getContextPath();
复制链接

扫一扫

专栏目录