此demo主要演示了jquery的ajax使用,采用了struts2框架,json数据格式,因此除了要导入struts2的必备jar包外,还得导入json的插件包。
1.首先创建一个form。
<form action="" method="post" id="loginForm">
姓名:<input type="text" id="username" name="username"><br>
密码:<input type="password" id="password" name="password"><br>
<input type="button" id="b01" value="提交">
</form>
2.一段js代码响应form标签里的button点击事件。
<script type="text/javascript">
$(document).ready(function(){
$("#b01").click(function(){
//alert($("#username").val());
var params = $("#loginForm").serialize();
$.ajax({
type:"post",
url:"login.action",
data:params,
dataType:"json"
});
});
});
</script>
3.配置struts.xml文件。
<?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>
<package name="" namespace="/" extends="json-default" >
<action name="login" class="com.lc.Jquery_Json_Test">
<result type="json"/>
</action>
</package>
</struts>
4.建立action
public class Jquery_Json_Test extends ActionSupport {
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;
}
@Override
public String execute() throws Exception {
System.out.println("username is ......"+ username);
return super.execute();
}
}
运行,控制台可以打印出页面提交的usrname的值,演示成功。
分享到:
相关推荐
Struts2 与Jquery Ajax的json数据交换的典型范例
Struts+Jquery+Ajax+Json应用实例,前端引入jquery,后台使用struts框架。前端js调用后台action,并将后台返回的json数据进行解析,设置web页面
struts2下通过jquery的ajax从后台传json对象并展示在web页面上的一个小例子,所需的jar包请自己下载否则无法运行,所需的包包括struts的必须包,json的支持包和struts对json的支持包
struts2 json jquery ajax实现用户登陆及业面跳转
struts2使用jquery整合ajax、json用户登录实例源码
一个简单的demo,实现了struts2+jquery执行ajax异步请求并返回json类型数据的实例,代码中附有注释,简单易懂。 基于eclipse开发,导入到eclipse即可运行。
struts2+json+jquery实现ajax数据的存取
此是简单几个技术集成..只完成了简单功能,测试可行.适合刚接触的童鞋,
Struts2 Jquery ajax Json实现的一个完整案例
google搜到的。我看大神的文章发布时间是2014年5月。亲测好用。 某度搜技术类的真真真心不行。
基于 MVC 结构的 J2EE 应用服务器框架 —— apache ...客户端 jQuery ajax 提交表单至 struts2 的 action,action 调用 model,model 生成json返回至 action,再由 action 返回 json 至客户端,并由 jQuery 解析。
这是前台用jsp页面,并应用jquery、easyui、ajax、struts2技术,以json数据格式传输的一个登录例子
ajax struts jquery json 实现从数据库回调下拉菜单
json2+jsonplugin struts2整合ajax时,使用json时需要的jar包。。。。。。。。。。。。
NULL 博文链接:https://huibin.iteye.com/blog/586035
JQuery发起ajax请求Struts2,并操作JSON数据的例子。去除了所有的jar,否则文件太大。详见http://blog.csdn.net/littleqiang520中的博文。
非常全的json各种类型数据处理方法 strut2.3+jquery +ajax+json
使用JQuery传递数据到struts action ,并返回JSON对象数据,在JQuery回调函数解析数据的,Ajax异步处理的小测试
Ajax那是大放异彩,Struts2框架自己整合了对Ajax的原生支持(struts 2.1.7+,之前的版本可以通过插件实现),框架的整合只是使得JSON的创建变得异常简单,并且可以简单的融入到Struts2框架中,当然这只是在我们需要...
struts2 jquery json ajax 三级联动菜单 可直接部署使用 需添加数据库查询代码