通过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

通过id传参跨页面展示

猜你喜欢