html 页面跳转数据传输,常见的数据交互之跳转页面传值

1：跳转到另外一个页面，把参数带到另外一个页面，

图片.png

1：获取注册时候缓存在sessionStorage的个人信息， $("#empNo").html(data.empNo);

$.ajax({

url : "getSaMsg.action",

dataType : "json",

type : "get",

data : "openid="+sessionStorage.getItem("openid"),

success : function(data){

$("#phone").html(data.phone);

$("#empNo").html(data.empNo);

$("#name").html(data.name);

$("#image").attr("src",data.url);

$("#nickName").html(data.nickname);

if(data.sex == 1){

$("#sex").html("男");

}else{

$("#sex").html("女");

}

$("#said").val(data.id);

}

})

2：以工单号为例，html部分

3：点击时间，跳转时

$("#modifyEmpNo").on("click",function(){

window.location.href="modifyempno.html?said="+$("#said").val()+"&empNo="+$("#empNo").html();

})

修改工单号的页面modifyempno.html：

$("#empNo").val(GetQueryString("empNo"))

modifyempno.html(更改单号)頁面完整js代码

$(function() {

$("#empNo").val(GetQueryString("empNo"))

$("#save").on("click", function() {

var empNo = $("#empNo").val();

if(empNo.replace(/\s+/g,"") == ""){

window.location.href = "myindex.html";

return;

}

$.ajax({

url : "modifyEmpNO.action",

dataType : "json",

type : "POST",

data : {

"empNo" : empNo,

"id" : GetQueryString("said")

},

success : function(data) {

window.location.href = "myindex.html";

}

})

})

//获取地址栏后面的参数

function GetQueryString(name) {

var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");

var r = window.location.search.substr(1).match(reg);

if (r != null)

return decodeURI(r[2]);

return null;

}

$("#delete").on("click", function(){

$('#empNo').val("");

})

})