Struts2 ajax submission form (using jquery plug-in)

Source: Internet
Author: User

Struts2 ajax submission form (using jquery plug-in)

1 index. jsp

<% @ Page language = "java" contentType = "text/html; charset = UTF-8"
PageEncoding = "UTF-8" %>




<Script type = "text/javascript" src = "JS/jquery-1.9.1.min.js"> </script>
<Script type = "text/javascript">
$ (Document). ready (function (){
$ ("# Btn_login"). click (function (){
Var url = 'ajaxlogin ';
// Obtain the form value and save it to params as json data
Var params = {
LoginName: $ ("# username"). val (),
Password: $ ("# password"). val (),
};
// Use the $. post Method
$. Post (
Url, // the url to be accepted by the server
Params, // parameters passed
Function qwer (data) {// The function parameter data executed after the server returns is the data sent from the server to the client.

Alert (data); // The value corresponding to root. Here is result !!
Var member = eval ("(" + data + ")"); // parse the package data to json format

Certificate ('{result'}.html ("Welcome:" + member. name + "" + "your password:" + member. password );

},

'Json' // data transmission type json

);

});

});

</Script>


User name:




Password:






Ajax information is displayed here:






2 action class

Package org. action;

Import com. opensymphony. xwork2.ActionSupport;
Import java. util. HashMap;
Import java. util. Map;

Import net. sf. json. JSONObject;


Public class AjaxLoginAction extends ActionSupport {
// User Ajax returns data
Private String result;

// Struts property-driven mode. The attribute of the page is automatically filled here.
Private String username;
Public String getUsername (){
Return username;
}

Public void setUsername (String username ){
This. username = username;
}

Private String password;

Public String getResult (){
Return result;
}

Public void setResult (String result ){
This. result = result;
}


Public String getPassword (){
Return password;
}

Public void setPassword (String password ){
This. password = password;
}

@ Override
Public String execute (){

// Use a Map as an Example
Map Map = new HashMap ();

// Add a data record for the map and upload the loginName on the page
Map. put ("name", this. username );
Map. put ("password", this. password );

// Json processing of the map object to be returned
JSONObject jo = JSONObject. fromObject (map );

// Call the toString method of the json object to convert it to a string and assign it to result
This. result = jo. toString ();

// Test the result
System. out. println (this. result );

Return SUCCESS;

}
}

3 struts. xml











Result






4. jar packages

5. jquery. js

6 run:



Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

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

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

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

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.