$(document).ready(function() {
    // 为所有带有特定类名的链接绑定AJAX请求
    $('a.ajax-link').on('click', function(e) {
        e.preventDefault(); // 阻止默认的链接跳转行为
        
        var $link = $(this);
        var url = $link.attr('href');
        var method = $link.data('method') || 'GET'; // 默认为GET方法
        var target = $link.data('target') || '#content'; // 默认更新ID为content的元素
        
        // 显示加载指示器
        $link.addClass('loading');
        
        // 发送AJAX请求
        $.ajax({
            url: url,
            type: method,
            dataType: 'html', // 预期服务器返回的数据类型
            success: function(response) {
                // 更新目标元素内容
                $(target).html(response);
                // 移除加载指示器
                $link.removeClass('loading');
                // 触发自定义事件，通知其他组件内容已更新
                $(document).trigger('ajaxContentLoaded', [url, target]);
            },
            error: function(xhr, status, error) {
                // 错误处理
                console.error('AJAX请求失败:', status, error);
                $link.removeClass('loading');
                $(target).html('<div class="error">加载内容失败，请重试</div>');
            }
        });
    });
    
    // 为表单提交添加AJAX支持
    $('form.ajax-form').on('submit', function(e) {
        e.preventDefault();
        
        var $form = $(this);
        var url = $form.attr('action');
        var method = $form.attr('method') || 'POST';
        var data = $form.serialize();
        var target = $form.data('target') || '#content';
        
        $.ajax({
            url: url,
            type: method,
            data: data,
            success: function(response) {
                $(target).html(response);
                $(document).trigger('ajaxContentLoaded', [url, target]);
            },
            error: function(xhr) {
                $(target).html('<div class="error">提交失败: ' + xhr.statusText + '</div>');
            }
        });
    });
});