常见的数据交互之跳转页面传值
1:跳转到另外一个页面,把参数带到另外一个页面,
![5640239-948876602a2a5c76.png](https://upload-images.jianshu.io/upload_images/5640239-948876602a2a5c76.png)
图片.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部分
<div id="modifyEmpNo"><!--整行-->
<font id="empNo" ></font><!--动态获取-->
</div>
3:点击时间,跳转时
$("#modifyEmpNo").on("click",function(){
window.location.href="modifyempno.html?said="+$("#said").val()+"&empNo="+$("#empNo").html();
})
修改工单号的页面modifyempno.html:
<input id="empNo" type="text">
$("#empNo").val(GetQueryString("empNo"))
modifyempno.html(更改单号)頁面完整js代码
<script type="text/javascript">
$(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("");
})
})
</script>