it-swarm-vi.com

Cuộc gọi Ajax đến thành phần từ mục menu

Tôi sử dụng K2.

Tôi có một mục menu dẫn đến một trang hiển thị introtext và hình ảnh nhỏ của 4 bài viết mới nhất từ ​​một thể loại. Điều này được đặt trong các tham số danh mục và mục menu dẫn đến bố cục danh mục. Tôi muốn hiển thị nội dung này mà không cần tải lại trang.

Làm cách nào tôi có thể thực hiện yêu cầu ajax khi nhấp vào mục menu để nội dung này được thêm vào thành phần sau?

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

Tôi giả sử bạn sử dụng JQuery. Nếu bạn sử dụng Mootools hãy cho tôi biết và tôi sẽ cập nhật thông tin này. Cuộc gọi AJAX của bạn có thể trông giống như thế này:

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

Tất nhiên, thay đổi contentType thành những gì bạn cần. Loại cũng có thể là "bài đăng" trong trường hợp bạn muốn thêm dữ liệu tham số khác: your_data_to_be_passed_to_the_server,

Thành công của bạn có thể trông như thế này:

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

Hoặc bạn chỉ có thể đặt jQuery ('# ajax-content'). Html (dữ liệu); vào dòng AJAX chức năng thành công nếu bạn chỉ sử dụng chức năng này cho một cuộc gọi này.

5
bgies

Bạn sẽ xử lý hầu hết điều này trong JavaScript của bạn.

Trong Joomla!, Đặt một lớp CSS tùy chỉnh trên mục menu được đề cập. Điều này được thực hiện với tùy chọn Kiểu CSS liên kết trong Tùy chọn loại liên kết của mục menu của bạn. Sau đó, bạn có thể lắng nghe nhấp chuột vào liên kết đó bằng cách tham khảo kiểu bạn đặt trong JavaScript. Nhớ sử dụng event.preventDefault (); để đảm bảo mục menu của bạn không khiến trang tải lại.

2
Zachary Draper