Php Jquery提交单选按钮，无需重新加载和

因为我对jquery的经验是零，所以我不知道在提交表单时如何运行mysql脚本，而不必重新加载页面？ 简言之 表单单选按钮提交-->表单发送-->查询而不重新加载

我的剧本：

<form id="myForm" method="get">
    <div class="row">
        <div class="span4 info1">
            <section class="widget">
                <img src="../bootstrap/img/thumb/0.jpg" width="auto" height="auto">
                <?php if ($selectedBg == '0') {
                    echo '<h2>Current one</h2>';
                } ?>

                <input type="radio" name="options[]" value="0" onclick="document.getElementById('myForm').submit();"/>
                Choose Background
            </section>
        </div>
    </div>

    <?php
        $checked = $_GET['options'];
        for ($i = 0; $i < count($checked); $i++) {
            $sql = 'UPDATE blog_users SET background = '.$checked[$i].' WHERE username=?';
            $bg = $db->prepare($sql);
            $bg->execute(array($session->username));
        } 
    ?>      
</form>

选择背景

---

因此，我的问题是，如何在不重新加载页面并运行查询的情况下提交表单？

您所描述的是一种称为AJAX的技术。这是一种不特定于jQuery、php或mysql的技术。话虽如此，JQuery帮助完成这项任务是一项常见的任务

您可能想签出此帖子：

或者，如果您正在寻找更多教程，请在此处选择一个峰值：

---

无论哪种方式，都有很多资源可以开始学习AJAX。

您需要创建一个单独的页面来接受表单数据，并使用jQuery的AJAX函数异步提交数据

下面是一些伪代码，以说明如何实现这一点：

$('form').on('click', 'input:radio', function() {
    $.get('NEW_PAGE_URL' + $(this).serialize(), function(data) {
        // this function is the success function. 
        // your page should return some kind of information to let this function 
        // know that the submission was successful on the server side as well. 
        // This was you can manipulate the DOM to let the user know the submission 
        // was successful.
    });
});

---

为此，您需要使用AJAX。这可能对您有所帮助：