通过id传参跨页面显示
通过id传参跨页面展示
页面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