跳转页面传值

简介: 跳转页面传值

1:跳转到另外一个页面,把参数带到另外一个页面,

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>
相关文章
|
4月前
|
JavaScript 前端开发
JavaScript 地址信息与页面跳转及跳转传参
JavaScript 地址信息与页面跳转及跳转传参
34 1
|
7月前
|
XML 小程序 JavaScript
小程序页面传值
本文介绍了微信小程序中父子页面的传值方法。父页面向子页面传值可通过绑定事件跳转,使用`data-`属性传递参数,然后在子页面的`onLoad`中接收。子页面向父页面传值则通过用户选择内容后调用父页面的方法,利用`getCurrentPages()`获取父页面实例,进而修改父页面的数据。
54 2
|
存储 JavaScript 前端开发
页面传值的方法详解
页面传值的方法详解
110 0
|
7月前
uniapp 实现带参数跳转页面
uniapp 实现带参数跳转页面
104 0
|
JavaScript
jQuery带参跳转新页面,新页面获取url多个参数的办法
jQuery带参跳转新页面,新页面获取url多个参数的办法
49 0
|
JavaScript
常见的数据交互之跳转页面传值
常见的数据交互之跳转页面传值
50 0
|
存储 缓存 小程序
微信小程序路由以及跳转页面传递参数
微信小程序路由以及跳转页面传递参数
197 0
|
JavaScript 前端开发 Go
页面前进、页面后退、页面跳转的方法
页面前进、页面后退、页面跳转的方法
130 0
|
小程序
原生微信小程序跳转传参 : [非TabBar跳转传参] 和 [TabBar跳转传参]
原生微信小程序跳转传参 : [非TabBar跳转传参] 和 [TabBar跳转传参]
146 0
|
JavaScript 前端开发 Linux
网页跳转代码的三种方法
网页跳转代码的三种方法
1493 0