layer页面跳转,获取html子节点元素的值方法

1、jsp页面，携带值跳转到新页 original.jsp

  var btnClick = {'click .shownewPage':function (e, value, row, index) {//点击按钮时触发时间
    var Id = row.Id;

    layer.open({
title: '跳转到新页',
type: 2,
content: '/switch/switchAction!getNewPage.do?Id='+Id, //struts配置文件指定的跳转路径 
area: ['970px', '610px'],
shadeClose: true //点击遮罩关闭
      });

    }};

2、后台跳转类 SwitchAction.java

@Scope(value = "prototype")
@Controller("SwitchAction ")
public class SwitchAction implements ServletRequestAware, ServletResponseAware, ModelDriven{
  protected HttpServletRequest request;
  protected HttpServletResponse response;

  public String getNewPage(){
  String Id = request.getParameter("Id"); //获取传递的参数
  request.setAttribute("Id", Id); //设置属性值，传递参数
  return "newPage"; //struts配置文件中跳转新页指定返回字符串
  }

    public String getnewHtml(){
    JSonObject json = new JSonObject(); 
    String Id = request.getParameter("Id");
    PageRecord pageRecord = pageService.getObjectById(Id); //根据Id获取表内容
    StringBuffer newHtml= new StringBuffer(pageRecord .getnewHtml);//得到表中String类型的html字符串
    try {
      response.getWriter().print(newHtml.toString()); //将html的字符串输出到页面
    } catch (IOException e) {
      json.put("success", false);
      e.printStackTrace();
    }
    return null;  
  }
}

3、struts配置文件，根据返回字符串跳转到新页

  
    
      /WEB-INF/jsp/switch/newPage.jsp
    
  

4、将需要填充的html字符串填充到新页的表格（newPage.jsp）

    var Id = '${Id}';
  $(document).ready(function(){
    //将html字符串填充到表格
    $.ajax({
      type:"post",
      url:"/switch/SwitchAction!getNewHtml.do",
      data: {
 "Id":Id
      },
      success:function(data){
 $("#hiddenTable").html(data);//将html字符串转化为jquery对象
 var basichtml = $("#hiddenTable").find('#id-body').html();//查找对象中子节点的值，即表格内容
 var str = "序号属性名变更前变更后";
 var basichtml = str + basichtml;//加上表头
 $("#basicTable").html(basichtml)//将拼接的新字符串填充到表格 
 refreshTabOffset();//刷新body页面
      },
      error:function(data){
 var str = data.html;
 alert("加载失败。");     
 refreshTabOffset();
      }
    });     
  });

5、newHtml

   StringBuffer newPage = new StringBuffer();

   newPage.append（"序号属性名变更前变更后"）;

   newPage.append（""）;
   resNo = resNo + 1;
   newPage.append(""+ resNo + "编码" + "" + origCode + "" + "" + newCode + "");

6、PageServiceImpl.java

@Scope("singleton")
@Service("PageService")//自动装载
public class PageServiceImpl implements PageService{
  @Autowired //自动装载
  PageDao pageDao;

  @Override
  public PageRecord getObjectById(String Id) {
    return pageDao.getObjectById(Id);
  }

7、PageDaoImpl.java

@Scope("singleton")
@Repository("PageDao")//自动装载
public class PageDaoImpl extends HibernateGenericDao implements PageDao{

  @Override
  public PageRecord PageRecord(PageRecord record) {
    if (record != null) {
      this.saveOrUpdate(record);
    }
    return record;
  }

  @Override
  public PageRecord getObjectById(String Id) {
    PageRecord PageRecord = null;
    if(StringUtil.isEmpty(Id))
      return null;
    StringBuffer hql = new StringBuffer( "from PageRecord where Id=:Id ");//防止sql注入
    Map map = new HashMap();//防止sql注入
    map.put("Id", Integer.parseInt(Id)); //防止sql注入
    List list = this.getListByHql(hql.toString(), map);
    if(list.size()>0){
      PageRecord = list.get(0);
    }
    return PageRecord;
  }

8、jsp页面引用插件

9、jsp页面引用CSS

10、jsp页面布局

  

    

      
序号
      
属性名
      
变更前
      
变更后
    
  



基本信息

以上这篇layer页面跳转,获取html子节点元素的值方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持考高分网。