通过JavaScript事件触发PHP cURL POST请求的实现教程

$(document).ready(function() {
    // 监听ID为 'contactForm1' 的表单提交事件
    $('#contactForm1').submit(function(e) {
        e.preventDefault(); // 阻止表单默认的提交行为，防止页面跳转

        var $form = $(this); // 获取当前表单的jQuery对象
        var formData = $form.serialize(); // 序列化表单数据为URL编码字符串

        console.log("即将发送的数据:", formData);

        // 发送AJAX请求
        $.ajax({
            type: $form.attr('method'), // 获取表单的 method 属性，通常是 "POST"
            url: $form.attr('action'),  // 获取表单的 action 属性，指向PHP处理脚本
            data: formData,             // 发送序列化后的表单数据
            dataType: 'json',           // 期望PHP返回JSON格式的响应
            success: function(response) {
                console.log('AJAX请求成功:', response);
                // 根据后端响应更新UI或显示消息
                if (response.success) {
                    $('#response-message').css('color', 'green').text('成功: ' + response.message);
                } else {
                    $('#response-message').css('color', 'red').text('失败: ' + response.message + (response.api_response ? ' API详情: ' + JSON.stringify(response.api_response) : ''));
                }
            },
            error: function(xhr, status, error) {
                console.error('AJAX请求失败:', status, error, xhr.responseText);
                // 处理错误情况
                $('#response-message').css('color', 'red').text('请求失败: ' + (xhr.responseJSON ? xhr.responseJSON.message : error));
            }
        });
    });

    // 示例：监听特定按钮点击事件 (如果不是表单提交)
    // 假设有一个ID为 "_form_44__submit" 的按钮
    $("#_form_44__submit").on('click', function() {
        $.ajax({
            type: "POST",
            url: 'curl_processor.php', // PHP处理脚本的URL
            data: { // 直接构建数据对象，将作为 application/x-www-form-urlencoded 发送
                actid: "your_activity_id",
                key: "your_secret_key",
                event: "Click_Submit_Button_Event",
                visit: "user@example.com" // 访问者标识
            },
            dataType: 'json',
            success: function(response) {
                console.log('按钮点击请求成功:', response);
            },
            error: function(xhr, status, error) {
                console.error('按钮点击请求失败:', status, error);
            }
        });
    });
});