htmlでセッションストレージを使用するには？

Question

こんにちは私は2つのhtmlページを持っています。 1ページ目では、camlクエリの助けを借りてsharepoint 2013からのデータを取得します。私は値をコレクションに格納します。ここで

は私のJavascriptです：

<script type="text/javascript"> 

    $(document).ready(function() { 
     var scriptbase = "examplebase" 
     $.getScript(scriptbase + "SP.Runtime.js", function() { 
      $.getScript(scriptbase + "SP.js", doNext); 
     }); 
    }); 


    var siteUrl = "example.example"; 


    function doNext() { 
     console.log("SharePoint geladen!!"); 
     retrieveListItems(siteUrl); 
    } 

    function retrieveListItems(siteUrl) { 

    var clientContext = new SP.ClientContext(siteUrl); 
    var oList = clientContext.get_web().get_lists().getByTitle('Component Documents'); 

    var camlQuery = new SP.CamlQuery(); 
    camlQuery.set_viewXml('<View><ViewFields><FieldRef Name="ComponentID" /><FieldRef Name="FileRef" /><FieldRef Name="ComponentType" /><FieldRef Name="FileLeafRef" /></ViewFields><Query><Where><Eq><FieldRef Name="ComponentCategory" /><Value Type="Text">Datenblatt</Value></Eq></Where></Query></View>'); 
    this.collListItem = oList.getItems(camlQuery); 

    clientContext.load(collListItem); 

    clientContext.executeQueryAsync(Function.createDelegate(this, this.onQuerySucceeded), Function.createDelegate(this, this.onQueryFailed));   

} 

function onQuerySucceeded(sender, args) { 

    var listItemInfo = ''; 

    var listItemEnumerator = this.collListItem.getEnumerator(); 

    while (listItemEnumerator.moveNext()) { 
     var oListItem = listItemEnumerator.get_current(); 
     console.log(oListItem); 

    } 

    sessionStorage.setItem('test', listItemEnumerator); 


} 



function onQueryFailed(sender, args) { 
    alert('Request failed. ' + args.get_message() + '\n' + args.get_stackTrace()) 
} 

</script> 

上記のコードはlistItemEnumeratorコレクションで1ページの作品32個のオブジェクトです。申し訳ありませんが、私はそう私が言うが、ここで、デバッガからする方法を今すぐ新しいいけないのです：[object Object]{$0_0: Object {...}, $2P_0: false, $5_0: Object {...}, $R_0: Object {...}}希望このことができます....

2ページの私は、データを新しいフォームを移入します：

<form id="myForm"> 
    <select id="selectNumber"> 
    <option>Choose a number</option> 
    </select> 

このJavaScriptで

：

<script type="text/javascript"> 
var myObject = sessionStorage.getItem('test'); 
for(var i = 0; i < myObject.length; i++) { 
    var opt = myObject[i]; 
    var el = document.createElement("option"); 
    el.textContent = opt; 
    el.value = opt; 
    select.appendChild(el); 
} 
</script> 

しかし、何とかsessionstuffは関係なく、私がなぜ見当もつかない何と常に未定義ではありません。誰かがこの用量がなぜ機能するのか説明できますか？

ご協力いただきありがとうございます。

ところで私の英語

Answer 1

ために残念SetItem関数メソッドは文字列でなければなりませんどちらのキーと値を受け入れます。あなたの例では、あなたは常に "test"というキーを使っていますが、これはあなたがデバッグできるようにするためのものです。

this S.O postによると、JSONのようなものを使用してオブジェクトを文字列にシリアライズする必要があります。