struts2+jquery+json实现异步加载数据(自写)
2013-06-24 14:54
543 查看
//初始加载页面时
$(document).ready(function(){
//为获取单个值的按钮注册鼠标单击事件
$("#getMessage").click(function(){
$.getJSON("ceshi",function(data){
//通过.操作符可以从data.message中获得Action中message的值
$("#message1").html("<font color='red'>"+data.message+"</font>");
});
});
//向服务器发送表达数据
$("#getabc").click(function(){
//把表单的数据进行序列化
var params = $("form").serialize();
//使用jQuery中的$.ajax({});Ajax方法
$.ajax({
url:"ceshi",
type:"POST",
data:params,
dataType:"json",
success:function(data){
//为显示层添加获取到的数据
//获取对象的数据用data.userInfo.属性
$("#message2").append("<div><font color='red'>"+data.message+"</font></div>")
},
error:function(){
$("#message2").append("<div><font color='red'>"+"信息出错了"+"</font></div>")
}
});
});
});
相关文章推荐
- EASYUI TREEGRID异步加载数据实现方法
- 异步方式实现数据加载
- zTree实现打开页面时异步加载数据及选中项ID提交到后台
- AndroidのLoaderManager管理Loader实现异步动态加载数据
- android 异步方式实现数据加载
- SharePoint 实现ajax异步加载数据的几种方式
- EASYUI TREEGRID异步加载数据实现方法
- C#使用Jquery zTree实现树状结构显示 异步数据加载
- Jquery zTree结合Asp.net实现异步加载数据
- 【Android】使用LoaderManager管理Loader实现异步动态加载数据
- struts+spring+hibernate用jquery实现数据分页异步加载,页面不刷新
- Windows Phone 利用Async CTP实现异步加载数据
- Android开发实现ListView异步加载数据的方法详解
- zTree实现异步加载数据(使用SPRING MVC4+mybatis3.8)
- Ajax 之使用 XMLHttp实现简单的异步数据加载
- (Android实战)ProgressBar+AsyncTask实现界面数据异步加载(含效果图)
- 新手教程:不写JS,在MIP页中实现异步加载数据
- Android Loader机制,实现异步加载数据
- 异步加载数据的三种实现
- struts2+jquery+json实现异步加载数据