테이블의 다른 페이지에 테이블 데이터 표시 HTML

Question

내 문제는 다음과 같습니다. 배열에 원하는 열을 저장 한 다음 JSON을 사용하여 localStorage에 저장했습니다. .stringify :

function createArray(){ 
     var arrayPlayerName = []; 
     var count = 1; 
     while(count<=playerNum){ 
      arrayPlayerName.push(document.getElementById('playertable').rows[count].cells[1].innerHTML); 
      count++; 
     } 

     localStorage.setItem("playerNameArray", JSON.stringify("arrayPlayerName")); 
    } 

은 (playerNum 다른 방법에 사용되는 고정 된 수의 변수이며, 상기 "에서 getElementById는"작동).

그 후이 데이터를 다른 HTML 문서의 다른 테이블에 표시하려고합니다. 그래서, 다음은 내 HTML 코드입니다 :

<table class="myTable"> 
    <thead> 
     <tr class="row"> 
      <th colspan="3">Array List</th> 
     </tr> 
    </thead> 
</table> 

그리고 이것은 스크립트입니다

var storedPlayerArray = JSON.parse(localStorage.getItem("playerNameArray")); 

    tablegenerate (storedPlayerArray); 

    function tablegenerate (list) { 
     for(i=0; i<playerNum;i++){ 
      var $formrow = '<tr><td>'+list[i]+'</td></tr>'; 
      $('.myTable').append($formrow); 
     } 
    } 

내가 사전에 잘못 .. 덕분에 뭘하는지 모르겠습니다.

편집 : 단추로 createArray 함수를 호출하고 다른 단추로 두 번째 페이지로 이동합니다. 두 번째 페이지는 직접로드해야합니다.

EDIT2 : 배열이 저장되고 두 번째 페이지에서 제대로 호출되므로 "tablegenerate"함수에 문제가 있음을 수정했습니다. 당신은 배열 대신 문자열 JSON.stringify를 실행하는 ..

var storedPlayerArray = JSON.parse(localStorage.getItem("playerNameArray")); 

function tablegenerate (list) { 
    for(var i=0; i<list.length;i++){ 
     var $formrow = $('<tr><td>'+list[i]+'</td></tr>'); 
     $('.myTable').append($formrow); 
    } 
} 
$(document).ready(function(){ 
    tablegenerate (storedPlayerArray); 
}) 

---

당신은 당신의 createArray 기능에 문제가 있습니다

Answer 1

편집

나는 문제가 이것을 시도 찾은 것 같아요 당신은 저장하고 싶습니다.

변경이 : 여기에

localStorage.setItem("playerNameArray", JSON.stringify("arrayPlayerName")); 

:

localStorage.setItem("playerNameArray", JSON.stringify(arrayPlayerName));