叶问精神

导航

$.ajax 实现局部刷新

 比如当我在一个jsp页面中执行一个动作后,弹出一个层。类似这样的操作就可以用ajax实现,不过dwr也可以。
  在jsp页面中加入调用JS中的方法:
  function getUnitinfoes(msw_id){
  $.ajax({
  url:"/项目名称/控制器包路径下类HelloWorld!ajaxEditorList.dhtml",
  type: "POST",
  data:"msw_id="+msw_id+"&d="+new Date(),
  datatype:'xml',
  success:function(xml){
  $("#mswlist").empty();
  var isempty = $(xml).find("isempty").text();
  if(isempty=='true'){
  //alert('no data');
  var str = "<div class=\"edit_0\">暂无信息</div><div class=\"edit_1\"></div>";
  var notable = top.city2_map.document.getElementById("mswlist");
  notable.innerHTML=str;
  }else{
  $(xml).find("mswinfo").each(function(i){
  var obj_unitid=$(this).children("unitid");
  var obj_title=$(this).children("title");
  var unitid=obj_unitid.text();
  var title=obj_title.text();
  var unitinfoid = $(this).attr('unitinfoid');
  var str = "<table border='0' width='300' cellpadding='2' cellspacing='1' style='background:#4E7EB3;'><tr style='background:#ffffff;'><td>标题</td><td>操作</td></tr><tr style='background:#ffffff;'><td>"+title+"</td><td><input name='编辑' type='button' value='编辑' onclick='top.city2_map.HT_frame.tomodify("+unitinf oid+","+unitid+");'/>"+
  "<input name='删除' type='button' value='删除' onclick='top.city2_map.HT_frame.todelete("+unitinf oid+","+unitid+");'/></td></tr></table>";
  //取div的id
  var newtable = top.city2_map.document.getElementById("mswlist");
  newtable.innerHTML+=str;
  });
  }
  },
  error:function(){
  //alert('Ajax 更新失败!');
  }
  });
  }

posted on 2010-05-23 15:56  小川大川  阅读(573)  评论(0编辑  收藏  举报