php - 如何使用 jquery/AJAX 从单选按钮传递数据

Question

我有一个带有两个选择“1”或“0”的单选按钮的表单。

<form id="f13form">
    <p class="info"><?php echo $row["fortress_13"]; ?></p>
    <span class="is-size-7 tag is-link"> 13:00 UTC</span>
    <label class="radio"><input type="radio" name="for13" value="1"/> Yes</label>
    <label class="radio"><input type="radio" name="for13" value="0"/> No</label>
</form>

然后AJAX函数将数据传递给php文件，然后更新一个MySQL表

$('#f13form input').on('change', function(e) {
    e.preventDefault();
    $.ajax({
    type: "POST",
    url: "update_events_week.php",
    data: $('#f13form input').serialize(),
    cache: false,
    contentType: false,
    processData: false,
    success:  function(){
        alert("Updated");
        }
    });
});

我找到了如何选择我想要处理的正确表单(页面中有更多)，但我对如何从表单中获取“1”或“0”并将其发送到 php 文件感到困惑。

Answer 1

您的 ajax 请求没有设置内容类型，因此您的 PHP 脚本将不知道如何解释数据。删除 contentType: false, 以便设置内容类型，同时删除 processData: false,。
阻止单选按钮更改事件的默认操作也可能不可取。

$('#f13form input').on('change', function(e) {
    //e.preventDefault();
    $.ajax({
    type: "POST",
    url: "update_events_week.php",
    data: $('#f13form input').serialize(),
    cache: false,
    //contentType: false,
    //processData: false,
    success:  function(){
        alert("Updated");
        }
    });
});