1. 程式人生 > >js 之間的頁面傳值的

js 之間的頁面傳值的

js之間傳值,一定要記得轉碼。

a.html的頁面:

   '<a class="layui-btn layui-btn-mini rooms_edit" value="'+roomId+'"><i class="iconfont icon-edit"></i> 編輯</a>'

// 編輯
$(".rooms_edit").click(function(){  //點選
var id= $(".rooms_edit").attr("value");
$.ajax({
type : "post",
asunc : false,
url :" ",

data : { },
success:function(data){
console.log(data.content);
var attr = JSON.stringify(data);  // 將post請求獲取到的json資料轉成字串
window.location.href = "../../bim/room/roomEdit.html?"+escape(attr);
}

});
});

註釋:點選編輯按鈕,跳轉到./../bim/room/roomEdit.html 頁面,並攜帶資料 escape(attr);

roomEdit.html 頁面:

接收a.html頁面的資料

function GetRequest() {
 

var url = location.search; //獲取url中"?"符後的字串
          var theRequest = new Object();
          if (url.indexOf("?") != -1) {
          var str = url.substr(1);  
          var strs = str.split("&");  
 
        var params = unescape(strs);  //params 是json資料
          var attr = JSON.parse(params); //
          $(".roomName").val(attr.content.name);      
     }
  }

另一種方法簡潔一點 location.search.substr(1):取?後面的資料的

function GetRequest() {
  var url = location.search.substr(1); //獲取url中"?"符後的字串
  console.log(url);
  var params = unescape(url);
  var attr = JSON.parse(params);

$(".roomName").val(attr.content.name);      

  }

就可以正常傳值啦。

屬性 attr 的資料 是以下這種形式的;


屬性 params 的資料 是以下這種形式的;