js layui跳转页面_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配置文件，根据返回字符串跳转到新页

/p>

"-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"

"http://struts.apache.org/dtds/struts-2.0.dtd">

/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页面引用插件

charset="UTF-8">

9、jsp页面引用CSS

rel="stylesheet">

rel="stylesheet">

href="/UIReference/DatetimePicker/css/bootstrap-datetimepicker.min.css" rel="external nofollow"

rel="stylesheet">

rel="stylesheet" type="text/css">

10、jsp页面布局

style="height: 500px; overflow-y: scroll; position: relative;"

id="myModalBodyPage" οnscrοll="singleScroll();">

id="hiddenTable">

序号属性名变更前变更后

基本信息

id="basicTable">

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