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

王小婷

发布于 2018-05-31 15:10:45

1.5K0

发布于 2018-05-31 15:10:45

文章被收录于专栏：编程微刊编程微刊

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部分

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

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2018.02.05 ，如有侵权请联系 cloudcommunity@tencent.com 删除

缓存