2013-02-09 2 views
-1

Я хочу добавить свойства к объекту и передать этот объект на другую страницу.Как я могу использовать один объект javascript на многих страницах?

+0

Возможно, вы смотрите на [ ' localStorage'] (https://developer.mozilla.org/en-US/docs/DOM/Storage)? –

+0

он ответил на свой вопрос @Jack hahah: P Он отправил для других –

ответ

1

несколько вещей:

  1. Я бы объединил функции в пространстве имен;
  2. вам не нужна кодировка Base64, так как encodeURIComponent() хватит;
  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 
0

функции положить в глобальной 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 .. в .js PAGE2 в файл, который вы будете писать:

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 реализации: How can you encode a string to Base64 in JavaScript?

+0

Если вы хотите сохранить свой url clean, вы можете использовать cookie. – mika

+1

Помните, что это не удастся, если вы хотите поместить функции в свои объекты, поскольку вы сериализуете объект, поскольку JSON и JSON поддерживают только данные. – KaeruCT

+0

приятное усилие, но не идеальное. как насчет ограничения по URL? так что, упустив большие объекты? Я бы пошел на локальное хранилище – allenhwkim

Смежные вопросы