javascript初心者です。

質問

以前、Web画面上でのデータの表示と編集機能に関する質問させていただいたものです。
http://okwave.jp/qa/q6298512.html

上記パス内の、http://www.webismymind.be/editablegrid/　を使って作成中です。

しかし！どうやっても編集を保存(更新)することができません。
編集後、一度HTMLを閉じると、元のデータに戻っているのです。

もしかして、画面上だけ変わったように見えて、そもそものデータについては、保存(更新)はできないのでしょうか？

javascripｔ初心者の為、何が原因なのか全く分からない状態です。

どなたかご教授お願い致します！

回答No.2

yyr446 · ベストアンサー

javascriptでは、ローカルにあるファイル（html,text,DB）に直接データを
保存・更新する事は出来ません。

javascriptでdocument.cookieに書き出せば、cookieと呼ばれる特別なテキスト
ファイルにデータを保存することが出来で、後に読み出す事も出来ますが、
保存するcookieの個数とか長さに制限があります。
（IEだとドメイン20個までで、1個5KB程度だったような）

HTML5だと、Web Storage(localStorage/sessionStorage)というのを
使って、cookieよりもお手軽に
window.localStorage.key_hoge = "hoge";
var xxx = window.localStorage.key_hoge;
みたいに使える。
より高度な Web Database　というものもあるけど、
すべてのブラウザーで実装されているわけではありません。
http://www.quirksmode.org/html5/compatibility.html

よって、普通はサーバー側のプログラムに保存するデータを送信
（フォームのサブミット又はXMLHttpRequest)してサーバー側の
プログラムでファイルなり、DBに保存します。保存データの
読み出しもサーバー側のプログラムが必須になります。

ついでに、こいつ「TableKit」（※prototype.jsベースのライブラリ）
http://millstream.com.au/view/code/tablekit/
には、editableという機能があります。その仕組みは後ろに
PHPのプログラムを待機させておいて、AJAXで非同期通信すると
いうものです。

お礼

ご丁寧にご回答ありがとうございました。

勉強不足でした。

もう少し方法を探ってみたいと思います。

回答No.1

taka451213

こんばんは。

そうですね・・・、このままでは保存できません。
何を使うかは議論の余地がありますが、どこかに編集後のデータを保存して、次回表示時にそこから取ってこないと・・・。
以前の質問でデータベースがないという事ですが、何かしら保存しないと駄目ですね。
最悪、ファイルでも構いませんが・・・。

お礼

ご回答ありがとうございました。

やはり、何かしら保存の処理が必要になるんですね。

勉強不足でした。

これから試行錯誤頑張ってみます。