1

私はフォームを持っています.クライアントがさまざまなフォームに記入した後、ウェブサイトをナビゲートし、フォームに戻って記入したままにできるようにしたいと考えています.

ブラウザのクライアントに Cookie を保持することを考えましたが、他の推奨されるアプローチはありますか?

コードについて、これが私が考えたjavascriptの部分です。サーバー側の部分の処理方法がよくわかりませんが、クラスを使用してCookieを定義したいと思います。私はこのOOPのことは初めてなので、正しい方向に私を指摘していただければ幸いです 

        fieldsToSave = ['nome','sobrenome','endereco','codigopostal','localidade','telemovel','email','codigopostal2','localidade2','endereco2','nif','entidade','codigopostal3','localidade3','endereco3','nserie','modelo'];      

        function ajaxrequest(){
            var params = [];
            for (var i=0; i < fieldsToSave.length; i++) {
                var ele = required[i];
                params[i] = ele + '=' + $('#' + ele).attr('value');
            }
            params = params.join('&');
            $(".agendarleft").html("LOADING");
            $.ajax({
            type: "GET",
            url: "ajaxload/como.php",
            data: params,
            success: function() {
            $(".agendarleft").html("SUCESS");
            }
            });
        }
4

2 に答える 2

2

クライアントがフォームに再入力する時間を節約するために単純に実行している場合は、Sisyphus jQuery プラグインを試してみてください。

プラグイン サイトを引用するには:

HTML フォーム データを LocalStorage に保存して、ブラウザーのクラッシュ、タブの終了、およびその他の災害の後にそれらを復元するために開発されたプラグイン。

http://simsalabim.github.com/sisyphus/

*ただし、HTML5 をサポートする最新のブラウザーが必要です。

使用するのは非常に簡単です。jQuery の後にプラグインを含め、次のように呼び出します (既定のオプション)。

$('#form_id').sisyphus({
  customKeyPrefix: '',
  timeout: 0,
  autoRelease: true,
  name: null,
  onSave: function() {},
  onBeforeRestore: function() {},
  onRestore: function() {},
  onRelease: function() {},
  excludeFields: []
 });
于 2012-07-12T02:38:26.110 に答える
1 
You can use cookies to store data at client-side as:
fieldsToSave = ['nome','sobrenome','endereco','codigopostal','localidade','telemovel','email','codigopostal2','localidade2','endereco2','nif','entidade','codigopostal3','localidade3','endereco3','nserie','modelo'];      

        function ajaxrequest(){
            var params = [];
            for (var i=0; i < fieldsToSave.length; i++) {
                var ele = required[i];
                params[i] = ele + '=' + $('#' + ele).attr('value');
            }
            document.cookie = "params="+params;
            $(".agendarleft").html("LOADING");
            $.ajax({
            type: "GET",
            url: "ajaxload/como.php",
            data: params,
            success: function() {
            $(".agendarleft").html("SUCESS");
            }
            });
        }
于 2012-07-12T06:12:31.313 に答える