0

アイテムの 1 つの購入ボタンをクリックするときのベスト プラクティスは何だろうか。ショッピング カートがもう 1 つのアイテムを点滅させているだけのように見せたいです。これを達成するにはどうすればよいですか。同じページを再作成して同じ場所にスクロールできるように、POST アクションを介して多くの情報を送信する必要がありますか (これは非常に不便です)、またはよりスマートで優れたソリューションがあります。Visual Studio と MVC 3 を使用しています

ご存じのとおり、過去 15 年間、ときどき Web デザインに携わってきましたが、私は Web デザインに関してはまったくの初心者です。

よろしく

4

1 に答える 1

1

非 js 環境で正しく機能するように Web サイトを設計することをお勧めします。この場合、ボタンはページ全体を更新してフォームを送信します。ページがリロードされ、ショッピング バスケットに余分なアイテムがあることがユーザーに示されます。

ユーザーのエクスペリエンスを向上させるために、AJAX 呼び出しを使用して送信アクションを強化できます。

これは、ボタンのクリック イベント (またはフォームの送信イベント) で発生する AJAX 呼び出しを jQuery で記述することによって実行できます。

フォーム送信時に jQuery を使用した例

$('form').submit(function(e){
    e.preventDefault(); //prevents full post-back

    $.ajax({
      type: "POST",
      url: "\\somesite\endpoint",
      data: $(this).serialize()
    }).done(function( bacon ) {
       alert( "Receive: " + bacon );
    });
});

MVC 3 Ajax 拡張機能

MVC3 には、役立つ AJAX 拡張メソッドもいくつかあります。特にAjax.BeginForm

@using (Ajax.BeginForm())
{
    /* Your form elements here */

    <input type="submit" value="OK" />
}

これは、それを使用する方法の簡単な例ですajax beginformの使用方法

于 2013-03-28T17:01:13.833 に答える