0

私には単純な要件がありますが、最善の解決策について意見を求めたいと思っています。

まず、LAMP 開発サーバーで CakePHP と JQuery を使用しています。

このサイトでは、GET 経由で /search?term=xxx にデータを送信する単純な検索フォームを使用しています。

検索ロジックは、現在最大 5 秒の、複数のサードパーティ API への多くの時間のかかる呼び出しを実装しています。

私が必要としているのは、可能な限り迅速に読み込み、エンド ユーザーに応答性の高いフィードバックを提供するページです。「お待ちください」メッセージまたはアニメーション GIF を表示するために を実装するのが最善の方法だと思います。ページの読み込み/検索の送信時に、Ajax 呼び出しが CakePHP の URL に対して実行され、集中的なクエリが開始され、検索語が渡され、レイアウト用のデータの配列が返されます。

自動車保険の比較サイトと同様に機能し、複数のソースからデータを集約し、エンド ユーザーに応答性の高いフィードバックを提供する必要があります。

この音は正しいですか？私の理解を固めるために、誰かがコード例/ URLを提供できますか?

ありがとう、ポール

4

1 に答える 1

1

さて、画像の読み込みは次のように行うことができます：

function()
  {
  ajax_loading_image('.someDivId');
  $.ajax({
    type: "GET",
    url: 'yourUrl',
    data: 'yourGETSubmittedData',
    success: function(msg)
      {
      // do some stuff
      ajax_remove_loading_image('.someDivId');
      }
    });
  }

function ajax_loading_image(div)
  {
  $(div).html('<img src="ajax-loader.gif" alt="loading..."/>');
  }

function ajax_remove_loading_image(div)
  {
  $(div).html('');
  }
于 2010-02-20T15:56:23.230 に答える