页面a
点击页面a 的某个连接将id传递到页面b
function TaskList() { $.getJSON("/Batch/TaskAshx.ashx?Type=GetMyTask&keyWord=" + $("#TaskID").val(), function (data) { if (data) { $("#Task tbody").html(""); $.each(data, function (i, item) { var tr = "<tr TaskID=\"" + item.TaskID + "\" TaskTitle=\"" + item.TaskTitle + "\"><td class=\"displayNone\">" + item.TaskNo + "</td><td><a href=\"/Admin/Detailes.aspx?dataID=" + item.TaskID + " \" class=\"task\">" + item.TaskTitle + "<\a></td><td class=\"texCenter\">" + item.Priority + "</td>" + "<td title=\"" + item.ProjectTitle + "\">" + item.ProjectTitle + "</td><td class=\"texCenter\">" + item.TaskState + "</td><td class=\"texCenter\">" + item.TaskType + "</td><td class=\"texCenter\">" + item.CreateUser + "</td><td class=\"texCenter\">" + item.BelongUser + "</td><td title=\"" + item.TaskMemo + "\">" + item.TaskMemo + "</td><td title=\"" + item.RequireCompleteTime + "\" style=\"color:red;\">" + item.RequireCompleteTime + "</td>" + "<td><a href=\"javascript:void(0);\" onclick=\"AddOrUpdateTask(this)\" class=\"edit con\"><i class=\"fa fa-pencil padd\" aria-hidden=\"true\"></i>编辑</a><a href=\"javascript:void(0);\" onclick=\"deleteTasksList(" + item.TaskID + ")\" class=\"del con\"><i class=\"fa fa-trash-o padd\" aria-hidden=\"true\"></i>删除</a></td></tr>"; $("#Task tbody").append(tr); if (item.CreateUser != item.BelongUser) { $("#Task tbody tr[TaskID=" + item.TaskID + "] td").find(".con").addClass("displayNone") } }); console.log($("#Task tbody tr").length); } }); }
其实就是这里啦 <a href=\"/Admin/Detailes.aspx?dataID=" + item.TaskID + " \" class=\"task\">" + item.TaskTitle + "<\a>
这里将ID拼接到链接的后面,随着页面的跳转来到页面b("/Admin/Detailes.aspx)
页面b
这里先获取传过来的值
function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数 if (r != null) return unescape(r[2]); return null; //返回参数值 } $(document).ready(function () { var taskid = "0"; var idNew = getUrlParam("dataID"); if (idNew != null) { taskid = idNew; }; $("#TaskID").val(taskid); $.getJSON("/Batch/TaskAshx.ashx?Type=GetTaskByID&dataID=" + taskid, function (data) { if (data) { $("#TaskNow tbody").html(""); $("#mess").html(""); var tr = "<tr TaskID=\"" + data.TaskID + "\"><td class=\"displayNone\">" + data.TaskNo + "</td><td title=\""+ data.TaskTitle +"\">" + data.TaskTitle + "</td><td class=\"texCenter\">" + data.Priority + "</td>" + "<td>" + data.ProjectTitle + "</td><td class=\"texCenter\">" + data.TaskState + "</td><td class=\"texCenter\">" + data.TaskType + "</td><td class=\"texCenter\">" + data.CreateUser + "</td><td class=\"texCenter\">" + data.BelongUser + "</td><td style=\"color:red;\">" + data.RequireCompleteTime + "</td>" + "</tr>"; var str = "<p style=\"padding:10px;\"><span style=\"color:#ffaa3d;\">任务描述:</span>"+data.TaskMemo+"</p>" $("#TaskNow tbody").append(tr); $("#mess").append(str); } }); }
页面b通过function getUrlParam(name) 这个方法解析出ID
然后通过Ajax 将同样的数据获取到页面b
相关推荐
通过url传参 如果是HTML页面的话JS传到新页面就[removed].href=’a.html?id=100′;然后a.html页面的JS就<div id=”s”> [removed] document.getElementById(s)[removed]=[removed].split('?')[1]; [removed] 如果是...
上周写课程选择时间功能时需要将课程ID,星期,节次等参数传递给下一个页面,就查了查angularjs的ui-router跨页面传参,一开始是这样写的: 在app.js下添加 params:{'args':{}} 然后在起始页面的控制器中使用...
本文实例讲述了vue跳转方式(打开新页面)及传参操作。分享给大家供大家参考,具体如下: 1. router-link跳转 // 直接写上跳转的地址 <span class=spanfour>link跳转 // 添加参数 // 参数获取 id = this.$...
一个关于JS传参及动态修改页面布局的简单小例子。 效果图: HTML: <!DOCTYPE HTML> <html> <head> <meta charset=utf-8 /> <title></title> <link rel=stylesheet href=...
最近项目中涉及到跨页面传参数和后台进行数据交互,看到需求之后第一反应就是用路由传参来解决;Vue中给我们提供了三种路由传参方式,下面我们一个一个的来看一下: 方法一:params传参: this.$router.push({ ...
把控件RadioButtonList,DropDownList,TextBox做成带参数(';...%>')的控件传递给下一页面 实现跳转,根据第一个页面不同选择或填写的值来改变第二个页面对应的操作,仅供参考,适合菜鸟初学者学习
原生asp.net不支持通过json提交 方式给控制器的Action传参数,本程序通过给自定义输入字符串格式方法。在action的传参上加入FromJsonKey属性即可在传入的json中传入参数,如果传入的json中不存在相应键即报错 ...
Vue router 如何传参 params、query 是什么...传参: this.$router.push({ path:’/xxx’ query:{ id:id } }) this.$router.push 传参时, 并不会引起页面刷新。需要重新请求数据,代码如下。 <div>shopName:{{shop.sho
js中子页面调用父页面ID,对父页面操作
System.out.println("hello2 action:"+id); model.addAttribute("name", "huangjie"); //这个只有值没有键的情况下,使用Object的类型作为key,String-->string model.addAttribute("ok"); return...
input class=layui-input name=keyword id=demoReload autocomplete=off> <button class=layui-btn data-type=reload>搜索</button></div> 在js加入初始化代码和定义加载方法 layui.use('table', ...
最近做毕设的项目用到...(2)如果跳转的url地址是后面接了id,如,那么页面就会跳转至 _id.vue界面,这个文件的命名是框架设定好的,所以必须这样命名,前面要加_下划线符号。 第二种:params 传值(id会显示在地址栏
点击链接传id,到菜单页面,对应的菜单项被选中
像传统的传参一样,只是在微信里面...下面是传递参数并展示新页面的一个简单栗子: 这是index.wxml代码: <navigator class=bury-wrapper url=../detail/detail?id> 评19 url是../detail/detail……. 传递参数是id=”
-数据传递:单页面容易,多页面需要依赖url传参,或cookie,localSrorage等 -搜索引擎优化:单页面需要单独方案,实现较为困难,不利于SEO搜索,可利用与SSR优化,多页面实现方法容易 -适用范围:单页面高要求的...
方式1:触发详情按钮时,Js获取到该条数据的id值,并传递给url,后台接受到该请求,通过id查询到这条数据。并返回一个json串给前端。前端拿到数据进行处理,映射给页面。 方式2:触发详情按钮时,同时前端进行本地...
一、利用POST传值 ... <asp ID=”Button1″ runat=”server” xss=removed Text=”Button”><asp ID=”username” runat=”server”></asp></div></form> 接受asp文件receive.aspx 代码如下:string
通过进程ID找到窗口句柄.通过进程ID找到窗口句柄.通过进程ID找到窗口句柄.通过进程ID找到窗口句柄.通过进程ID找到窗口句柄.通过进程ID找到窗口句柄.通过进程ID找到窗口句柄.通过进程ID找到窗口句柄.
最近在做微信小程序时,涉及到了把值从一个页面传递到另一个页面的问题,在网上查阅了一些资料,在这里总结一下常用的方法。 1、页面跳转时,在跳转的url中传递,比如: wx.navigateTo({ url: '../InfoContent/...
路由是连接各个页面的桥梁,而参数在其中扮演者异常重要的角色,在一定意义上,决定着两座桥梁是否能够连接成功。在vue路由中,支持3中传参方式。场景,点击父组件的li元素跳转到子组件中,并携带参数,便于子组件...