it-swarm-id.com

Panggilan Ajax ke komponen dari item menu

Saya menggunakan K2.

Saya memiliki item menu yang mengarah ke halaman yang menampilkan introtext dan gambar kecil dari 4 artikel terbaru dari suatu kategori. Ini diatur dalam parameter kategori dan item menu mengarah ke tata letak kategori. Saya ingin menampilkan konten ini tanpa memuat ulang halaman.

Bagaimana saya bisa membuat permintaan ajax ketika item menu diklik sehingga konten ini ditambahkan ke elemen berikut?

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

Saya mengasumsikan Anda menggunakan JQuery. Jika Anda menggunakan Mootools, beri tahu saya, dan saya akan memperbarui ini. AJAX Anda dapat terlihat seperti ini:

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

Tentu saja, ubah contentType menjadi yang Anda butuhkan. Jenisnya juga bisa "posting" dalam hal ini Anda ingin menambahkan data parameter lain: your_data_to_be_passed_to_the_server,

Fungsi kesuksesan Anda dapat terlihat seperti ini:

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

Atau Anda bisa meletakkan jQuery ('# ajax-content'). Html (data); baris ke fungsi sukses AJAX jika Anda hanya menggunakan ini untuk satu panggilan ini.

5
bgies

Anda akan menangani sebagian besar dari ini dalam JavaScript Anda.

Di Joomla !, atur kelas CSS khusus pada item menu yang dimaksud. Ini dilakukan dengan opsi Link CSS Style di Opsi Jenis Tautan item menu Anda. Anda kemudian dapat mendengarkan klik pada tautan itu dengan merujuk gaya yang Anda tetapkan dalam JavaScript. Ingatlah untuk menggunakan event.preventDefault (); untuk memastikan item menu Anda tidak menyebabkan halaman dimuat ulang.

2
Zachary Draper