集成API响应到Contact Form 7：动态邮件内容与前端数据传递

add_action( 'wpcf7_before_send_mail', 'kiri_cf7_api_sender' );

function kiri_cf7_api_sender( $contact_form ) {
    // 确保只针对特定表单执行此逻辑
    if ( 'Quote_form' === $contact_form->title ) {
        $submission = WPCF7_Submission::get_instance();

        if ( $submission ) {
            $posted_data = $submission->get_posted_data();

            // 从提交数据中获取所需字段
            $name    = $posted_data['your-name'];
            $surname = $posted_data['your-name2'];
            $phone   = $posted_data['tel-922'];
            $urltest = $posted_data['dynamichidden-739']; // 假设这是一个用于判断API端点的字段

            $api_url = '';
            // 根据urltest的值确定API端点
            if ( strpos( $urltest, '?phone' ) !== false ) {
                $api_url = 'https://api.example.com/phone-endpoint';
            } elseif ( strpos( $urltest, '?email' ) !== false ) {
                $api_url = 'https://api.example.com/email-endpoint';
            } else {
                $api_url = 'https://api.example.com/default-endpoint';
            }

            $api_response_body = '';
            if ( ! empty( $api_url ) ) {
                // 构建API请求参数 (示例：将表单数据作为API请求体)
                $api_args = array(
                    'body' => json_encode( array(
                        'name'    => $name,
                        'surname' => $surname,
                        'phone'   => $phone,
                    ) ),
                    'headers' => array(
                        'Content-Type' => 'application/json',
                        // 'Authorization' => 'Bearer YOUR_API_KEY', // 如果需要API认证
                    ),
                    'timeout' => 30, // 设置API请求超时时间
                );

                $response = wp_remote_post( $api_url, $api_args );

                // 检查API请求是否成功
                if ( ! is_wp_error( $response ) && wp_remote_retrieve_response_code( $response ) === 200 ) {
                    $api_response_body = wp_remote_retrieve_body( $response );
                    // 如果API响应是JSON，需要进行解码
                    // $api_data = json_decode( $api_response_body, true );
                    // $api_response_body = $api_data['some_field'] ?? 'API响应字段缺失';
                } else {
                    error_log( 'API请求失败或返回错误：' . ( is_wp_error( $response ) ? $response->get_error_message() : wp_remote_retrieve_response_code( $response ) ) );
                    $api_response_body = 'API请求失败，请稍后再试。';
                }
            }

            // 获取邮件配置
            $mail = $contact_form->prop( 'mail' );

            // 替换邮件正文中的占位符
            // 假设API响应是简单的字符串，如果需要提取特定字段，请先json_decode
            // 示例：$mail['body'] = str_replace( '{{api_response}}', $api_data['field'] , $mail['body'] );
            $mail['body'] = str_replace( '{{api_response}}', $api_response_body, $mail['body'] );

            // 更新表单的邮件属性
            $contact_form->set_properties( array( 'mail' => $mail ) );

            // 可选：将API响应添加到提交结果中，供前端JavaScript使用
            // 详见方法二
            $submission->add_result_props( array( 'my_api_response' => $api_response_body ) );
        }
    }
}

// ... (API调用和响应处理部分，与方法一相同) ...

// 在更新邮件属性之后，将API响应添加到提交结果中
// 假设 $api_response_body 包含了API的原始响应或处理后的数据
$submission->add_result_props( array( 'my_api_response' => $api_response_body ) );

// ... (函数结束) ...

<script type="text/javascript">
    document.addEventListener('wpcf7mailsent', function (event) {
        // 检查是否有我们添加的API响应数据
        if (event.detail && event.detail.my_api_response) {
            console.log('API响应已通过wpcf7mailsent事件接收:', event.detail.my_api_response);

            // 示例：将数据发送到数据层（Data Layer）
            // if (typeof dataLayer !== 'undefined') {
            //     dataLayer.push({
            //         'event': 'cf7_api_response_received',
            //         'apiResponse': event.detail.my_api_response
            //     });
            // }

            // 示例：根据API响应更新UI
            // var responseContainer = document.getElementById('api-response-display');
            // if (responseContainer) {
            //     responseContainer.textContent = 'API成功响应：' + event.detail.my_api_response;
            // }
        } else {
            console.log('wpcf7mailsent事件触发，但未找到自定义API响应。');
        }
    }, false);
</script>