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

  }

  });

  });

  });