ti-enxame.com

Chamada Ajax para o componente do item de menu

Eu uso K2.

Eu tenho um item de menu que leva a uma página que mostra introtexto e pequenas imagens dos 4 artigos mais recentes de uma categoria. Isso é definido nos parâmetros da categoria e o item de menu leva ao layout da categoria. Gostaria de exibir este conteúdo sem recarregar a página.

Como posso fazer uma solicitação ajax quando o item de menu é clicado para que este conteúdo seja anexado ao seguinte elemento?

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

Estou assumindo que você está usando JQuery. Se você estiver usando o Mootools, me avise, e eu atualizarei isso. Sua chamada AJAX pode ser algo como isto:

        $.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);
           }
        });

Obviamente, altere o contentType para o que você precisa. O tipo também pode ser "post". Nesse caso, você deseja adicionar outros dados de parâmetro: your_data_to_be_passed_to_the_server,

Seu successFunction pode ser assim:

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

Ou você pode simplesmente colocar o jQuery ('# ajax-content'). Html (data); linha na função de sucesso AJAX sucesso se você estiver usando isso apenas para esta chamada única.

5
bgies

Você lidará com a maior parte disso em seu JavaScript.

No Joomla !, defina uma classe CSS personalizada no item de menu em questão. Isso é feito com a opção Link CSS Style nas opções de tipo de link do seu item de menu. Você pode ouvir um clique nesse link referenciando o estilo que você definiu no seu JavaScript. Lembre-se de usar event.preventDefault (); para garantir que seu item de menu não faça com que a página seja recarregada.

2
Zachary Draper