html页面跳转及参数传递

╰半橙微兮° 2022-06-09 03:45 198阅读 0赞

点击第一个html页面上 table数据的一行，跳转到第二个html页面显示这个场景下的详细数据，跳转过去时需要把这行数据的id传递给第二个html页面

1. 第一个html页面代码

// table点击事件
    	$('#table').on('click-row.bs.table', function (e, row, $element, field) {
    		if(field == "scene_name" || field == "scene"){
    			var index = $('#table').bootstrapTable('getSelections')[0]; //获取用户选择的行
    			if(typeof(index) == "undefined"){
    				alert("请选择一行数据");
    			}else{
    			    var sceneid = index.id;
    				var exptscene = index.scene;
    				location.href = "get_template?template=recalltactic.html¶ms={\"APP_scene\":{\"scene_id\":\"" + sceneid + "\"}}"; //跳转到recalltactic.html页面，跳转参数放在params里
    			}
    		    
    		}
    	});

2.第二个html页面代码

{% set APP_scene = params['APP_scene'] %} //获取页面传递的参数params
    <!DOCTYPE html>
    <html>
    <head>
    </head>
    <body>
    <script type="application/javascript">
    var APP_scene = { {% for APP in APP_scene %} "{
       {APP}}": "{
       {APP_scene[APP]}}", {% end %} }; //tornado模版，解析APP_scene
    var SCENE_id = APP_scene["scene_id"]; //获取传递的scene_id
    </script>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，198人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML页面间数据传递,利用JS进行页面跳转

可以利用HTML5的新特性localStorage来进行数据传递,这个就相当于是缓存.采用键值对的方式存取数据.存的数据是全局的. localStorage.setI

╰+攻爆jí腚メ/ 2022年09月17日 01:55/ 0 赞/ 189 阅读

相关 ajax带参数跳转到别的页面,AJAX扩展-POST传递参数并跳转页面

拓展的代码：这段代码的原理是创建一个表单，所有args都创建一个隐藏的input，用post方法把这些参数传递过去注意form表单一定要加载到页面中，即下面代码中标红的

快来打我*/ 2022年09月03日 06:18/ 0 赞/ 323 阅读

相关 Html页面跳转

1.html页面简单调转的几种方式 <!DOCTYPE html> <html> <head lang="en"> <meta cha

喜欢ヅ旅行/ 2022年07月21日 00:11/ 0 赞/ 223 阅读

相关 html页面跳转传递参数

从a.html跳转到b.html页面，如果给b.html传递参数，可以通过下面的方式来传递： 1. 直接将参数拼接到url上，如b.html?param1=aa&param

痛定思痛。/ 2022年07月14日 01:18/ 0 赞/ 221 阅读

相关 html页面跳转及参数传递

点击第一个html页面上 table数据的一行，跳转到第二个html页面显示这个场景下的详细数据，跳转过去时需要把这行数据的id传递给第二个html页面 1. 第一个html

╰半橙微兮°/ 2022年06月09日 03:45/ 0 赞/ 199 阅读

相关 html页面跳转传递参数

from:http://blog.csdn.net/gnail\_oug/article/details/53286694 从a.html跳转到b.html页面，如

「爱情、让人受尽委屈。」/ 2022年06月03日 06:18/ 0 赞/ 300 阅读

相关 Jquery跳转页面传递参数以及获取url的参数

传递参数： `window.location='editCourse.html?dataId='+dataId+'';` 获取url中的参数(封装的方法)： fun

我就是我/ 2021年11月23日 00:00/ 0 赞/ 567 阅读

相关 uni-app系列：页面跳转以及传递参数

目录 uniapp实现页面跳转以及跳转后传值过去一、链接跳转二、事件跳转 1、uni.navigateTo(OBJECT) 2、uni.redirectTo

梦里梦外;/ 2021年07月24日 12:32/ 0 赞/ 1122 阅读

相关 vue 跳转页面并传递参数

首先创建readDetail.vue 且在index.js中注册路由。传递页面方式： 1.通过router-link进行跳转 <router-link

偏执的太偏执、/ 2021年06月24日 16:10/ 0 赞/ 490 阅读

相关详解html中页面跳转传递参数的问题

详解html中页面跳转传递参数的问题

小灰灰/ 2020年05月14日 10:57/ 0 赞/ 842 阅读