Detailed description of the implementation of ajax login instance by struts2 + jquery, struts2jquery
The following is an example of how struts2 + jquery implements ajax login:
1. Create a web project named test. Configure the struts2 environment and import Jquery js files to the project.
2. Create a loginAction. java file under the com. action package.
The loginAction. java code is as follows:
Package com. action; import org. apache. struts2.convention. annotation. action; import org. apache. struts2.convention. annotation. parentPackage; import org. apache. struts2.convention. annotation. result; import org. apache. struts2.convention. annotation. results; import com. opensymphony. xwork2.ActionSupport; @ Action ("login") @ ParentPackage (value = "json-default") @ Results ({@ Result (name = "success", type = "json ", params = {"data", "flag"}),}) public class LoginAction extends ActionSupport {/*****/private static final long serialVersionUID = 1751244794407005783L; private String flag; private String username; private String password; public String execute () {try {if (getUsername () = null | getUsername (). trim (). equals ("") {setFlag ("username cannot be blank"); return SUCCESS;} else if (getPassword () = null | getPassword (). trim (). equals ("") {setFlag ("password cannot be blank"); return SUCCESS;} else if (getUsername (). trim (). equals ("admin") & getPassword (). equals ("admin") {setFlag ("Login successful"); return SUCCESS;} else {setFlag ("username or password error"); return SUCCESS ;}} catch (Exception e) {e. printStackTrace (); setFlag ("Logon exception"); return SUCCESS ;}} public String getFlag () {return flag;} public void setFlag (String flag) {this. flag = flag;} public String getPassword () {return password;} public void setPassword (String password) {this. password = password;} public String getUsername () {return username;} public void setUsername (String username) {this. username = username ;}}
3. Create index. jsp and success. jsp In the WebRoot directory
Index. jsp is the login interface, and success. jsp is the interface to jump to after successful login.
The content of index. jsp is as follows:
<% @ 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">
I sincerely share the method for submitting forms through ajax using Struts2 + JQuery !!Example:
<! Doctype html public "-// W3C // dtd html 4.01 // EN" "www.w3.org/TR/html4/strict.dtd">
<Html>
<Head>
<Script src = "jquery. js"> </script>
<Script>
Function sub (){
Var value1 = $ ("# id1"). val ();
Var value2 = $ ("# id2"). val ();
If (value1! = "" & Value2! = ""){
$. Ajax ({
Url: 'A. action ',
Type: 'post ',
Data: 'value1 = '+ value1 +' & value2 = '+ value2
// Data: {value1: value1, value2: value2 },
DataType: 'text ',
Success: function (text ){
Alert (text );
}
})
}
}
</Script>
</Head>
<Body>
<Form id = "form1" name = "form1">
<Input type = "text" id = "id1"/> <br/>
<Input type = "text" id = "id2"/> <br/>
<Input type = "button" value = "Submit" onclick = "sub ();"/>
</Form>
</Body>
</Html>
Struts. xml:
<Action name = "a" class = "com. test. a. action" method = "test">
</Action>
A. action:
Private String value1;
Private String value2;
Private String text;
Get ()... set ()...
Public void test () throws Exception {
// Do somethings
HttpServl ...... remaining full text>
SSH struts2 + spring + hibernate how to use ajax for loginIt is the same as the normal ajax upload background!
It's just a little different from the return value in struts2 to the foreground.
Here is a simple ajax example implemented by JQuery (you need to introduce the JQuery core jar. If you do not understand it, You can Baidu Hi me ):
① Lib: Introduce struts2-json-plugin-2.2.3.1.jar
② Struts2 configuration file: Create a package to inherit the json-default
(PS: ① is the value in json format returned by struts2)
③ Page js:
$ (Function (){
$ ("# Tj"). click (function (){
Var params = $ ("# entAddForm"). serialize (); // The passed Parameter
$. Ajax ({
Type: "POST ",
Url: "jsonAdvAction! FlexTable. action ", // the action you want to submit
Data: params,
DataType: "text ",
Success: function (json) {// return the value in json format, which is parsed
Var obj = $. parseJSON (json );
Var state_value = obj. gS_Result;
Var state_null = obj. gS_Null;
If (state_value = "success "){
If (state_null = "nulls "){
Alert ("No data is found... ");
}
Parent. $ ("# flexTable"). flexReload ();
Parent. $ (). closeIframe ();
} Else {
Alert ("an error occurred, json =" + json );
}
// Parent. $ ("# flexTable"). flexReload ();
// Parent. $ (). closeIframe ();
},
Error: function (json ){
Alert ("json =" + json );
Return false;
}
});
});
});
Good luck! If you have any questions, you can ask Baidu Hi me !~... Remaining full text>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
