$.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 更新失败!');
}
});
}