struts2+jquery+json实现异步加载数据(自写)

196 阅读 0 评论 130 点赞

我是靠谱客的博主单薄小懒猪，最近开发中收集的这篇文章主要介绍struts2+jquery+json实现异步加载数据(自写)，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

 
//初始加载页面时 
$(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>") 
} 
}); 
}); 


}); 