javascript - JS/jQuery 将 $_POST 信息传递给 PHP 脚本

Question

这可能是一件简单的事情，但我花了太多时间试图让它发挥作用，但没有成功。

基本上我有以下 Bootstrap 按钮:

<div class="bs-example">
    <div class="btn-group" data-toggle="buttons">
        <label title="This will display" class="btn btn-lg btn-info">
        <input type="radio" name="toDo" id="toDo" value="enableSSH"> Enable SSH
    </label>
    <label class="btn btn-lg btn-info">
        <input type="radio" name="toDo" id="toDo" value="migrateDB"> Migrate Database
    </label>
</div>

我在页面下方有以下按钮，我需要将其与上述选定值一起使用:

<button id="submit" class="btn btn-default" type="button">Go!</button>

当按钮被点击时，它会触发以下 jQuery 函数:

$("#submit").click(function(){
    var buttonValue = $('#toDo').val();
    var phpfile = "submit.php";
    var data =  {'action': buttonValue};
    $.post(phpfile, data, function (response) {
        alert("Data has been submitted successfully);
    });
});

这应该将所选单选按钮的结果传递给此 PHP 脚本:

<?php
if (isset($_POST['action'])) {
    switch ($_POST['action']) {
        case 'enableSSH':
            alert("enableSSH has been selected");
            break;
        case 'migrateDB':
            alert("migrateDB has been selected");
            break;
    }
}
?>

数据已从 jQuery 函数提交的警报正确显示，但是来自 PHP 脚本的确认数据已通过的警报未出现。

抱歉这篇文章太长了。请帮忙。

Answer 1

PHP 中没有警报，它是一种服务器端语言，没有地方可以警报。

解决方案是将某些内容返回给 ajax 调用

<?php

    if (isset($_POST['action'])) {
        switch ($_POST['action']) {
            case 'enableSSH':
                echo "enableSSH has been selected";
                break;
            case 'migrateDB':
                echo "migrateDB has been selected";
                break;
        }
    }

?>

你会得到它作为响应

$.post(phpfile, data, function (response) {
    alert("Data has been submitted successfully");
    alert(reponse); // alert it here instead
});