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>")		

           }

		});

	});

	

	

});


你可能感兴趣的:(struts2)