2017-01-30 4 views
0

私のシナリオはこれです:私はjsファイルに非常に小さな配列を持っています。ページが読み込まれると、配列全体をループする関数があり、配列内の各項目のli要素が生成され、liに名前と価格が表示されます。localStorageデータを送信してから再度取得することはできますか? AJAX?

var gameList = [ 
{ name: "", value: 0.00}, 
] 

は、第二に、私は私が配列に新しい項目を追加することができますページ上の簡単なフォームを持っている、とのlocalStorageを使用して、それは私が動的に更新配列を維持するために可能です:配列は次のように構成されています。新しい項目を配列(gameList)にプッシュし、セッションの最後にlocalStorageを使用して設定しました。

localStorage.setItem("updatedGameList", JSON.stringify(gameList)); 

私は私の元の配列を設定し、自分のコードの先頭に行のカップルを持っている「gameList」ローカルに保存され、更新されたゲームのリストに等しくなるように。

var retrievedData = localStorage.getItem("updatedGameList"); 
gameList = JSON.parse(retrievedData); 

これは今のところ問題ありませんが、保存して維持したい配列はこのマシンのこのブラウザでのみ利用できます。

私の質問は、このローカルに保存されたデータをどこかに送信できますか?多分私の個人的なドメインですか? (それはどこに私が完了したときにアプリケーションをホストします)そのように私は適切に私のjsファイルで参照できるように、データは常に利用できるように?たぶん、配列自体のjsファイルを持っている可能性がありますか?

私は、これが本質的にデータベースであるものを処理する最良の方法ではないかもしれないことを認識しています。しかし、私はオンラインコースの一部に過ぎず、私はこの作業をするために必要なツールを使用しています。

最後に、アレイのメンテナンスに関して、.jsファイルの形式でそれを崇高に戻す方法はありますか?私はこれが狂った質問かもしれないことを知っています。更新された配列はかなり大きくなり、おそらく最終的には200個のアイテムになり、崇高な状態から維持するのがずっと簡単になります。

このリクエストの一部がばかげている場合は、お時間を頂き、ありがとうございます! :)

私はちょうどAJAXについて読んでいて、更新された配列を私のウェブサイトのどこかに(!)jsonファイルとして送って、新しいファイルの開始時に同じファイルを要求する方法があるかもしれないと思った私はいつも最新の更新された配列で作業し、保存しています。

読んでいただきありがとうございました。うまくいけば答えがあります。 :)

+0

サーバーにデータを送信して取得したい場合、AJAXはそれを行う方法の1つです –

+0

あなたが行っているのであればFirebaseは私の仕事ですそれをサーバーに送信すると、 'sessionStorage'に入れても意味がありません。 – Barmar

+0

フェアポイントバーマル!私は追加する必要があります、私は列車で、このアプリケーションでリモートで作業していた、と私はlocalStorageものを考え出したときにコンソールで働いていた。私はちょうど約30レコード程度の配列を更新して、データを完全に失わない方法があることをほっとしました。それは進行中ですが、使用可能です。そのため、元のアレイは非常に小さいです。 また、Jaromander Xさんは、送信したいデータが現在localStorageでのみ保持されていることを念頭に置いて、このデータを送信して取得する方法を示すことができますか? – Doughballs

答えて

0

私が探していたものではありませんが、新しい配列を自動的に取得し、ローカルストレージよりも安全な場所に送信し、新しい配列を参照して、それぞれ最新の開始点を与えます(とすべてのジャバスクリプトだけ) - 私がデータベースを使用し始めるまで、以下に示唆されている「汚い」方法は今のところ十分であることが判明しました。 Kirupaから、オーバーフォーラムで

ないばかげた質問では、すべての!任意の場所で独自のデータを送信できますが、サーバー関連のコードがある程度必要です。データを前後に送信する最も簡単な方法は、JSONを使用する方法です。次のような方法で簡単に配列をJSON形式に簡単に変換できます。

var jsonData = JSON.stringify(myArray); ここから、このデータをデータベース、別のWebサイト、または電子メールサーバーに送信できます。本当に素早く汚いものが必要な場合は、文字通り、Chrome Dev Toolsを使用してJSON化された配列のコンテンツをコピーし、.jsファイルとしてディスクに保存し、アプリで再度参照することができます。これは、実際に自動化を気にしない何かを手動で行う方法です。

これをデータベースに保存することをお勧めします。彼らも同様に扱いやすくなっています。 https://www.youtube.com/watch?v=xAsvwy1-oxE

+0

勝者のように聞こえます。緑のダニを授与しますか? – mickmackusa

+0

乾杯!@mickmackusa! :) – Doughballs

関連する問題