Struts2整合jQuery實現ajax異步登陸

時間 2019-11-12

標籤 struts2 struts 整合 jquery 實現 ajax 異步登陸欄目 Struts 简体版

原文原文鏈接

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;

}

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。