利用jquery架構中ajax實現前台與struts2中action互動

最後更新：2018-12-05 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

本執行個體通過利用Jquery架構中的post方法實現了前台jsp頁面的資料和以struts2為背景action之間資料的傳遞

首先編寫jsp頁面

JSP代碼

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%@ taglib prefix="s" uri="/struts-tags"%><%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><script type="text/javascript" src="<%=path %>/js/jquery-1.7.2.js"></script><script type="text/javascript" src="<%=path %>/js/md5.js"></script><script type="text/javascript" src="<%=path %>/js/login.js"></script></head><body><div align="center">user login<br /><br />username:<s:textfield name="username"></s:textfield><br /><br />password:<s:password name="password"></s:password><br /><br /><s:submit value="提交" id="submit"></s:submit></div></body></html>

介面很簡單就是一個類比登入的介面

2。。。。。。進行JS指令碼編寫

//對密碼進行加密$(document).ready(function() {$("#submit").click(function() {var psw = $("#password");var username = $("#username").val();var password = hex_md5(psw.val());alert(psw.val()+":"+password);$.post("Login.action",{"username":username,"password":password},function(data){alert(data);},"text");alert("123");});})

3。。。。。。。。進行後台action的編寫

package com.action;import java.io.IOException;import java.io.PrintWriter;import javax.servlet.http.HttpServletResponse;import org.apache.struts2.ServletActionContext;import com.opensymphony.xwork2.ActionSupport;public class Login extends ActionSupport{private String username;private String password;public String execute() throws Exception {System.out.println(password);HttpServletResponse response=ServletActionContext.getResponse(); response.getWriter().write(username); System.out.println(username);return null;}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。。。。。。。。進行struts的配置

<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE struts PUBLIC    "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"    "http://struts.apache.org/dtds/struts-2.0.dtd"><struts>    <constant name="struts.enable.DynamicMethodInvocation" value="true" />    <constant name="struts.devMode" value="true" />    <package name="default"  extends="struts-default">        <action name="Login" class="com.action.Login">            <result>pages/admin.jsp</result>        </action>    </package>    <!-- Add packages here --></struts>

5。。。。。。。。。。。進行測試

測試結果為後台得到前台的username和加密後的password並在控制台進行了列印

前台直接返回alert彈出了輸入的username

6。。。。。。配置完畢

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More