javascript - 多くのページで 1 つの JavaScript オブジェクトを使用するにはどうすればよいですか?

Question

オブジェクトにプロパティを追加し、そのオブジェクトを別のページに渡したいと考えています。

Answer 1

いくつかのこと：

1. 名前空間で関数を組み合わせます。
2. encodeURIComponent()十分なので、Base64エンコーディングは必要ありません。
3. これは大きなオブジェクトには適していません。必要になりlocalStorageます。
4. hrefにすでに?;が含まれている場合など、コードにはいくつかの落とし穴がありました。

私はそれを次のように作り直しました：

DataTransferService = {
  sendToUrl: function(obj, url, name) {
    var value = JSON.stringify(obj);

    name = name || 'data';

    return url + (url.indexOf('?') === -1 ? '?' : '&') + name + '=' + encodeURIComponent(value);
  },
  receiveFromCurrentUrl: function(name) {
    return receiveFromUrl(window.location.href, name);
  },
  receiveFromUrl: function(url, name) {
    var value;

    name = name || 'data';
    url = url || window.location.href;


    if ((value = this.getUrlParameter(name, url)) !== null) {
      return JSON.parse(value);
    }
  },
  getUrlParameter:function(name, url) {
    var p, qs;

    if ((p = url.indexOf('?')) === -1) {
      return null;
    }

    qs = url.substr(p + 1).split('&');
    for (var i = 0, len = qs.length; i != len; ++i) {
      var pair = qs[i].split('=');
      if (pair[0] === name) {
        return decodeURIComponent(pair[1]);
      }
    }

    return null;
  }
};

使用するには：

var obj = {
    a: 123,
    b: 456,
    c: [1, 3, 5]
};

var url = DataTransferService.sendToUrl(obj, '/path/to/page');
// "/path/to/page?data=..."
location = url;

受信ページ：

var obj = DataTransferService.receiveFromCurrentUrl();
// work with obj here

Answer 2

グローバル js ファイルに入れる関数..

function GotoPage(relUrl) {
  var json = JSON.stringify({param1:val1, param2:val2});
  window.location.href = relUrl.concat('?data=').concat(Base64.encode(json));
}

function GetUrlVars() {
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for (var i = 0; i < hashes.length; i++) {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

page1 から page2 にナビゲートしていると仮定します.. page2 の .js ファイルに次のように記述します。

var base64data = GetUrlVars()['data']
var jsondata = Base64.decode(base64data)
var data = JSON.parse(data);
var param1 = data.param1;
//do something with the objects properties

Base64実装については、JavaScript で文字列を Base64 にエンコードするにはどうすればよいですか?