SwiftUI中点击按钮触发Alamofire请求无输出的问题排查

核心问题 #

1. 全局read()函数在SwiftUI组件环境中存在作用域调用异常，导致按钮点击后未执行预期逻辑。
2. 缺少状态变量存储请求结果，无法将数据展示到界面。
3. 未处理异步请求的主线程更新逻辑，即使请求成功也无法正确刷新UI。

修正后的代码 #

import SwiftUI
import Alamofire

struct ContentView: View {
    @State private var responseText: String = ""
    @State private var isLoading: Bool = false
    
    var body: some View {
        VStack(spacing: 20) {
            Image(systemName: "globe")
                .imageScale(.large)
                .foregroundStyle(.tint)
            Text("Hello, world!")
            
            Button(action: read, label: {
                Text(isLoading ? "Loading..." : "Let's Begin!")
            })
            .padding()
            .disabled(isLoading)
            
            // 展示请求结果
            if isLoading {
                ProgressView()
            } else {
                Text(responseText)
                    .padding()
                    .frame(maxWidth: .infinity, alignment: .leading)
                    .background(Color.gray.opacity(0.1))
                    .cornerRadius(8)
            }
        }
        .padding()
    }
    
    private func read() {
        print("%%%%%%%%%%%%%%%")
        isLoading = true
        responseText = ""
        
        AF.request("https://httpbin.org/get").response { response in
            defer {
                DispatchQueue.main.async {
                    isLoading = false
                }
            }
            
            debugPrint("Response : \(response)")
            
            switch response.result {
            case .success(let data):
                if let data = data, let jsonString = String(data: data, encoding: .utf8) {
                    DispatchQueue.main.async {
                        responseText = jsonString
                    }
                }
            case .failure(let error):
                DispatchQueue.main.async {
                    responseText = "请求失败: \(error.localizedDescription)"
                }
            }
        }
    }
}

#Preview {
    ContentView()
}

关键修改说明 #

• 将read()函数改为ContentView的私有内部方法，确保SwiftUI能正确触发按钮点击逻辑。
• 添加@State private var responseText存储请求结果，用于界面展示；添加isLoading控制加载状态。
• 使用defer确保无论请求成功或失败，最终都会结束加载状态，且所有UI更新操作切换到主线程执行（SwiftUI要求UI更新必须在主线程）。
• 优化按钮状态：加载时禁用按钮并显示"Loading..."，提升用户体验。
• 新增结果展示区域，直接将请求返回的JSON数据以文本形式显示在界面上。

验证方式 #

1. 运行代码后点击按钮，控制台会输出%%%%%%%%%%%%%%%及完整的响应日志。
2. 界面会先显示加载指示器，请求完成后展示返回的JSON内容或错误信息。

内容的提问来源于stack exchange，提问作者Ninja G