it-swarm.dev

メニュー項目からコンポーネントへのAjax呼び出し

私はK2を使用します。

カテゴリの最新の4つの記事の紹介文と小さな画像を表示するページにつながるメニュー項目があります。これはカテゴリパラメータで設定され、メニュー項目はカテゴリレイアウトにつながります。ページをリロードせずにこのコンテンツを表示したいのですが。

メニュー項目がクリックされたときにajaxリクエストを作成して、このコンテンツを次の要素に追加するにはどうすればよいですか?

<section id="ajax-content"></section>
3
web-tiki

私はあなたがJQueryを使用していると仮定しています。 Mootoolsを使用している場合はお知らせください。更新します。 AJAX呼び出しは次のようになります:

        $.ajax({
           url : urlToSend,
           contentType : "application/json; charset=utf-8",
           type : 'get',
           cache : false,
           success : function(data) {
              successFunction(data);
           },
           error : function(data1, data2, data3) {

              alert(data3);
           }
        });

もちろん、contentTypeを必要なものに変更します。タイプは、 "post"にすることもできます。その場合、別のパラメーターデータを追加する必要があります。your_data_to_be_passed_to_the_server、

SuccessFunctionは次のようになります。

     successFunction : function(data) {
         jQuery('#ajax-content').html(data);
      },

または、jQuery( '#ajax-content')。html(data);を単に置くことができます。これをAJAX成功関数に挿入します。これをこの1回の呼び出しでのみ使用する場合。

5
bgies

このほとんどをJavaScriptで処理します。

Joomla!で、問題のメニュー項目にカスタムCSSクラスを設定します。これは、メニュー項目の[リンクタイプオプション]の[CSSスタイルをリンク]オプションで行います。 JavaScriptで設定したスタイルを参照することで、そのリンクのクリックをリッスンできます。 event.preventDefault();を使用することを忘れないでください。メニュー項目が原因でページがリロードされないようにします。

2
Zachary Draper