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='编辑' οnclick='top.city2_map.HT_frame.tomodify("+unitinfoid+","+unitid+");'/>"+
       "<input name='删除' type='button' value='删除' οnclick='top.city2_map.HT_frame.todelete("+unitinfoid+","+unitid+");'/></td></tr></table>";
       //取div的id
       var newtable = top.city2_map.document.getElementById("mswlist");
       newtable.innerHTML+=str;
           });
           }  
    },
    error:function(){
     //alert('Ajax 更新失败!');
    }
   });
 }


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值