2017-02-16 4 views
4

私は、基本的なHTML/CSS/JavaScriptクイズのウェブサイトに取り組んでいます。HTMLページ間に外部のjavascriptファイルがリロードされますか?

私は、次のようなJavaScriptでHTMLフォームからのデータ収集のための外部JavaScriptを使用しています:

var userInfo = []; 
function savePerson(form) 
{ 
    userInfo[0] = form.store.value; 
    userInfo[1] = form.employeeId.value; 
    userInfo[2] = form.fName.value; 
    userInfo[3] = form.lName.value; 
}; 

これはうまく動作します。

ここでは、別のHTMLページに移動する必要がありますが、この値を配列に保持してください。 JavaScriptはHTMLファイル間でリロードされますか?もしそうなら、スクリプトから複数のページに値を保存するにはどうすればいいですか?

+0

クッキー(または 'LocalStorage')に値を保存するか、フォームのデータ/クエリ文字列に値を書き込む場合にのみこれを行うことができます。後者は、クイズにこれを行う非常に悪い方法です。 – G0dsquad

+0

ローカルストアを使用 –

答えて

0

クライアント側またはサーバー側に格納する必要があります。

サーバー側のストレージの場合は、データをajax経由でサーバーに送信し、そこに任意の種類のデータベースにデータを保存する必要があります。

クライアント側では、cookie、localstorage、indexeddb、またはwebsqlのいずれかにデータを格納できます。

簡単な解決策は次のようになります。

localStorage.setItem('myPerson', JSON.stringify(userInfo)); 
+0

私はこれが最も簡単な解決策になると信じています。データは超機密ではないので、サーバー側は少し過度のものかもしれません。 –

0

あなたはHTML5の機能の保存ファイルを使用した.jsファイルとして配列を救うことができます。そして、他のhtmlページでは、jsファイルを外部スクリプトとしてロードします。

0

機密情報を使用している場合は、このようなデータを格納および取得するためにバックエンドサービスを使用することをお勧めしますが、ほとんどの場合、ローカルストレージまたはCookieを使用できます。あなたの次のページの使用上のその後

localStorage.setItem('userInfo', userInfo); 

このアイテムを取得するには:

var userInfo = localStorage.getItem("userInfo"); 
0

利用のlocalStorage

ローカルストレージに項目を設定し

を使用して相続人一例

//save datas: localStorage.setItem('data', JSON.stringify(info)); //get datas: var data=localStorage.getItem('data'); 
関連する問題