JQuery - JSON永続化変更

Question

私は現在、2つのjavascriptファイルを持っています。1つはJSONデータを表現する1つのjavascript変数を格納し、もう1つは実際のJQueryコードです。

var data = '[{"id":[1],"email":["admin"],"password":["admin"],"question":[null],"answer":[null]}]'; 

とjQueryが含まれている私のjavascriptのファイルは次のようになります：JSONの時に更新されます

var email = $('#settings form input[type="email"]').val(); 
var password = $('#settings form input[type="password"]').val(); 
var question = $('#settings form select option:selected').text(); 
var answer = $('#settings form input[type="text"]').val(); 

if (email.trim() && password.trim() && question.trim() && answer.trim()) { 
    jsonData[0].email[idIndex] = email; 
    jsonData[0].password[idIndex] = password; 
    jsonData[0].question[idIndex] = question; 
    jsonData[0].answer[idIndex] = answer; 

    $('#settings').modal('toggle'); 
} else { 
    alert('None of the fields may be left blank.'); 
} 

それは価値があるものについては、これはJSONが含まれている私のjavascriptのファイルがどのように見えるかですコードは実行されますが、ページが更新されるとデータは消えません。

私の質問は、JQueryの値が変更されたときにJSONデータを永続化する方法です。

Answer 1

これは、データの長期的な使用目的によって異なります。長期間保存する必要がある場合や、複数のデータセットを一度に処理する必要がある場合は、フォームをサーバーで待機しているアプリケーションに投稿する必要があります。 に2つのJavaScriptファイルがあり、それらをnginxやApacheから直接提供しているのであれば、すぐに使用できるWebサーバーはないので、小さなサーバーアプリケーションを構築する必要があります。あなたのデータをどうするかを知ることになります。 Node.jsは、特にJavaScriptを使用したい場合は、これを選択するのに適しています。

とにかく、バックエンドで何かを聞いたら、送信ボタンまたはjQuery.ajaxでフォームを投稿できます（これを行うべきかわからない場合は前者のために移動してください）。データベース。そこから、世界はあなたの牡蠣です：あなたはデータを引き出し、スライスしてサイコロを出し、どこにいるのかを知ることができます。

データベースにはさまざまな種類があります。ほとんどのものはある目的に特化しています。特定の必要性を念頭においていない場合は、リレーショナルファミリ（PostgreSQL、SQL Server、MySQL）が最も汎用性があります。

1つのセッションで非常に短い時間だけ持続させ、他のものは気にしない場合は、ブラウザのlocal storageを使用できます。私はあなたが望むものではないと思っていますが、それは技術的にあなたの質問を満たしていますし、はるかに簡単です。