使用单选按钮和 php 更新 sql 查询和表内容答案

【问题标题】：Update sql query and table contents using radion button and php使用单选按钮和 php 更新 sql 查询和表内容
【发布时间】：2016-10-06 03:35:42
【问题描述】：

我是新手。

如何使用单选按钮和 php 更改表格的内容。 无需刷新页面。

HTML

<form name="myform" action="" method="post">
<input type="radio" onchange="this.form.submit()" name="page" value="all"> All<br>
<input type="radio" onchange="this.form.submit()" name="page" value="old"> Old<br>
<input type="radio" onchange="this.form.submit()" name="page" value="new"> New>
</form>

PHP

<?php
$page = null;
if(isset($_POST['page'])){
    $page = $_POST['page'];
}
switch($page){
    case 'all': 
    // SQL QUERY
    break;
case 'new': 
    // SQL QUERY
    break;
case 'old': 
    // SQL QUERY
    break;

}
?>

问题是页面会刷新，选中的单选按钮会变成未选中状态。

【问题讨论】：

使用ajax提交表单
使用 jQuery。它简化了一切。
显示你的 ajax 和 jquery 代码。
从这里开始learn.jquery.com/ajax。
那你为什么不直接付钱给别人呢？为什么这里的人要花时间为你免费工作？你有 401k 吗？

标签： php html css ajax button

【解决方案1】：

将您的表单更改为，

<form id="myform" name="myform" action="yourphppage.php" method="post">
<input type="radio" name="page" value="all"> All<br>
<input type="radio" name="page" value="old"> Old<br>
<input type="radio" name="page" value="new"> New>
</form>

在页面中加载 jquery 脚本。加载后使用以下代码，

<script>
    $(document).ready(function(){
        $('input[name="page"]').on('change',function(){
            $.ajax({
                url: $('#myform').attr('action');
                type: "POST",
                data: {page: $('input[name="page"]').val()},
                success: function(result){
                    alert(result);
                }
            });
        });
    });
</script>

我没有运行它，但我很确定它会解决您的问题。如果您遇到任何问题，请告诉我。

【讨论】：

【解决方案2】：

我曾使用给定的打击代码来解决此类问题：-

<form id="myform" name="myform" action="" method="post">
<input type="radio" name="page" value="all"> All<br>
<input type="radio" name="page" value="old"> Old<br>
<input type="radio" name="page" value="new"> New
</form>
 <div id="responsecontainer"></div>
<script>
$(function(){`$(function(){
$("input[name='page']").change(function() {
var form = this.form;
$.ajax({
type: "POST",
url: "action.php",
data: $(form).serialize(),
 success: function(response){
 $("#responsecontainer").html(response);
}
});
});
});
</script>

【讨论】：