欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

struts2+jquery+json实现异步加载数据

程序员文章站 2022-11-21 21:29:39
代码如下: //初始加载页面时 $(document).ready(function(){ //为获取单个值的按钮注册鼠标单击事件 $("#getmessage").click...

代码如下:


//初始加载页面时
$(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("<p><font color='red'>"+data.message+"</font></p>")
},
error:function(){
$("#message2").append("<p><font color='red'>"+"信息出错了"+"</font></p>")
}
});
});


});