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

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

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>
相关文章
|
7月前
|
XML 小程序 JavaScript
小程序页面传值
本文介绍了微信小程序中父子页面的传值方法。父页面向子页面传值可通过绑定事件跳转,使用`data-`属性传递参数,然后在子页面的`onLoad`中接收。子页面向父页面传值则通过用户选择内容后调用父页面的方法,利用`getCurrentPages()`获取父页面实例,进而修改父页面的数据。
54 2
|
JavaScript
跳转页面传值
跳转页面传值
46 5
|
7月前
|
小程序
微信小程序如何进行跨页面传参,并在跳转后的页面获取参数
微信小程序如何进行跨页面传参,并在跳转后的页面获取参数
555 0
|
JSON 前端开发 数据格式
ajax请求解析json数据渲染在前端界面
ajax请求解析json数据渲染在前端界面
58 0
|
人工智能 JSON 自然语言处理
微信小程序页面跳转如何传递对象参数
微信小程序页面跳转如何传递对象参数
444 0
|
存储 缓存 小程序
微信小程序路由以及跳转页面传递参数
微信小程序路由以及跳转页面传递参数
197 0
|
存储 小程序 JavaScript
微信小程序路由跳转,API调用,页面传值
微信小程序路由跳转,API调用,页面传值
257 1
微信小程序路由跳转,API调用,页面传值
|
小程序 JavaScript
微信小程序-页面跳转数据传递
在之前的文章当中我们都实现了一个功能就是可以从上一个页面传递数据给下一个页面,那么我们能不能从下一个页面传递数据给上一个页面呢,答案是可以的。
69 0
|
存储 缓存 小程序
小程序页面间有哪些传递数据的方法?
小程序页面间传递数据的方法
108 0
|
前端开发 JavaScript C#
【C#编程最佳实践 十】控件使用及Ajax通信
【C#编程最佳实践 十】控件使用及Ajax通信
80 0