All geek questions in one place

Go to the same data page after deleting a row

I have a table showing the number of rows of specific dates. I want after deleting a row to return to the same page and show the same rows of the same date. Example: if I had 2 lines on the date 06/06/2015, and I deleted one of them, I want to return to the same page and see another line. I have these codes:

Delete.php:

<?php 
require_once ('../include/global.php');
$id=$_REQUEST['id'];
$sql = "DELETE FROM appoint WHERE id=".$id;
$result=mysqli_query($con,$sql) or die('Unable to execute query. '. mysqli_error($con));
if($result){
    $sql2 = "SELECT date FROM appoint WHERE id=".$id;
    $result2=mysqli_query($con,$sql2) or die('Unable to execute query. '. mysqli_error($con)); 
    $rows = mysqli_fetch_array($con, $result2);
    header("location:appoint.php");


}
else { 
header("location:../update/update_false.php");
}
?>

getdata.php:

<?php
require_once ('../include/global.php');
    if($_POST['seldate']) {
        $selDate = $_POST['seldate'];
        $sql="SELECT * FROM clinic.appoint WHERE date='$selDate'";
        $result = mysqli_query($con, $sql) or die($sql."<br/><br/>".mysql_error());
        while($rows=mysqli_fetch_array($result)){
    ?>
<tr>
    <td scope="row"><?php echo $rows['time'] ?></td>
    <td scope="row"><?php echo $rows['name'] ?></td>
    <td scope="row"><?php echo $rows['date'] ?></td>
    <td scope="row"><form action='/clinic form/appoint/delete.php'=<?php echo $rows['id']; ?>' method="post">
        <input type="hidden" name="id" value="<?php echo $rows['id']; ?>">
        <input type="submit" name="submit1" value="Done">
    </form>

    </td>
    </tr>
<?php } } ?>

And the assign.php data mapping table page:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
    $("#Date").change(function(){
            var seldate =$(this).val();
            $("#scheduleDate").html(seldate);
            var dataString = 'seldate='+ seldate;
                $.ajax({
                type: "POST",
                url: "getdata.php",
                data: dataString,
                cache: false,
                success: function(data) {
                    $("#Schedule").html(data);
                } 
            });
        });
});
</script>
</head>

<body>
<div class="container12">
    <header>
        <div align="center">
            <div class="column12"> <a href="homepage.php"><img src="images/logo.png"/></a> </div>
        </div>
        <div align="center">
            <div align="center"><a href="logout.php">Logout</a></div>
        </div>
    </header>
    <h1 id="home">&nbsp;</h1>
    <div class="alert"></div>
    <div class="column12" align="left"><B><center>Appointments</B></center><br />
    </div> 
    </div>
  </div>
</div>
<div class="container12" align="center">
    <form action="addApp.php" method="post" name="form1" id="form1">
    <table width="700px" class="imagetable" align="center">
    <th align="center">Name</th>
    <th>Date</th>
    <th>Time</th>
    <th>Contact Number</th>
    <th>Action</th>
    <tr>
    <td><input type="text" name="name" class="large-fld-app" placeholder="name"/></td>
    <td><input type="text" name="date" class="large-fld-app" placeholder="DD/MM/YYYY"/></td>
    <td><input type="time" name="time" class="large-fld-app"/></td>
    <td><input type="text" name="phone" class="large-fld-app"/></td>
    <td align="center"><input type="submit" value="" name="submit" class="imgClass_save" />
    </td>
    </tr>
    </table>
    </form>
</div>
<?php
//$sql="SELECT * FROM clinic.appoint";
//$result = mysqli_query($con, $sql) or die($sql."<br/><br/>".mysql_error());
//$rows=mysqli_fetch_array($result)
?>
<div class="container">
<table>
          <thead>
            <tr>
            Schedule
                <th scope="row">
                    <select name="Date" required class="form-control" id="Date">
                    <option value="">Please Select Date</option>
                    <?php $sql2="SELECT * FROM clinic.appoint GROUP BY date";
                    $result2 = mysqli_query($con, $sql2) or die($sql2."<br/><br/>".mysql_error());
                    while($rows2=mysqli_fetch_array($result2)){?>
                        <option value="<?php echo $rows2['date'] ?>"><?php echo $rows2['date'] ?></option>
                    <?php } ?>
                    </select>
                </th>
                <td class="schedule-offset" colspan="2" id="scheduleDate"></td>
            </tr>
          </thead>
          <tbody id="Schedule"></tbody>
</table>
</div>
</body>
</html>
+4
source share
2 answers

Simple solution: put your ajax part in a function.

Change your PHP code to remove:

require_once ('../include/global.php');
$id = $_REQUEST['id'];

# Find the date for which you are deleting...
$query = "SELECT date FROM appoint WHERE id = " . $id;
$row = mysqli_fetch_assoc(mysqli_query($con, $query));
$request_date = $row['date'];

$sql = "DELETE FROM appoint WHERE id=".$id;
$result = mysqli_query($con,$sql) or die('Unable to execute query. '. mysqli_error($con));
if($result){
    header("Location: appoint.php?date=" . $request_date);
}
else { 
    header("Location: ../update/update_false.php");
}

, , $_GET['date']. , .

JS . AJAX .

$(document).ready(function(){
    $("#Date").change(function(){
        var seldate =$(this).val();
        display_data(seldate);
    });

    // This is the function...
    function display_data(seldate) {

        $("#scheduleDate").html(seldate);
        var dataString = 'seldate='+ seldate;
            $.ajax({
            type: "POST",
            url: "getdata.php",
            data: dataString,
            cache: false,
            success: function(data) {
                $("#Schedule").html(data);
            } 
        });

    }

    // Now here is the real code for retaining your Date...
    <?php
    if (!empty($_GET['date'])) {
        ?>
    display_data('<?php echo $_GET["date"]; ?>')
        <?php
    }
    ?>
    document.getElementById('Date').value = '<?php echo @$_GET["date"]; ?>';

});

display_data() , dom .

:

: php- $request_date .

, session_start(). HTML DELETE PHP UPDATE FAIL.

$request_date = $row['date'];
$_SESSION['date'] = $request_date;

.

header("Location: appoint.php");

Script:

From:

<?php
if (!empty($_GET['date'])) {
    ?>
    display_data('<?php echo $_GET["date"]; ?>');
    <?php
}
?>
document.getElementById('Date').value = '<?php echo @$_GET["date"]; ?>';

To:

<?php
if (!empty($_SESSION['date'])) {
    ?>
    display_data('<?php echo $_SESSION["date"]; ?>');
    <?php
    unset($_SESSION['date']);
}
?>
document.getElementById('Date').value = '<?php echo @$_SESSION["date"]; ?>';

, " ". , . , .

+1

with From posting Ajax , Ajax, Ajax .

<form action='/clinic form/appoint/delete.php'=<?php echo $rows['id']; ?>' method="post">
    <input type="hidden" name="id" value="<?php echo $rows['id']; ?>">
    <input type="submit" name="submit1" value="Done">
</form>

getdata.php

<button type="button" class="DelMe" data-id="<?php echo $rows['id']; ?>">Delete Me</button>

getdata.php <tr> <tr class="deleted">, <?php } } ?> Ajax delete, delete Ajax DOM.

<?php } ?>
    <script>
    $(document).ready(function(){
        $(".DelMe").on('click', function(){
                var DelId =$(this).data('id');     
                var dataString = 'DelId='+ DelId;
                    $.ajax({
                    type: "POST",
                    url: "delete.php",
                    data: dataString,
                    cache: false,
                    success: function(msg) {
                        $(this).parents(".deleted").hide(500);
                    } 
                });
            });
    });
    </script>
<?php } ?>

getdata.php :

<?php require_once ('../include/global.php');
    if($_POST['seldate']) {
        $selDate = $_POST['seldate'];
        $sql="SELECT * FROM clinic.appoint WHERE date='$selDate'";
        $result = mysqli_query($con, $sql) or die($sql."<br/><br/>".mysql_error());
        while($rows=mysqli_fetch_array($result)){
    ?>
    <tr class="deleted">
        <td scope="row"><?php echo $rows['time'] ?></td>
        <td scope="row"><?php echo $rows['name'] ?></td>
        <td scope="row"><?php echo $rows['date'] ?></td>
        <td scope="row"><button type="button" class="DelMe" data-id="<?php echo $rows['id']; ?>">Delete Me</button></td>
    </tr>
<?php } ?>
<script>
$(document).ready(function(){
    $(".DelMe").on('click', function(){
            var DelId =$(this).data('id');       
            var dataString = 'DelId='+ DelId;
                $.ajax({
                type: "POST",
                url: "delete.php",
                data: dataString,
                cache: false,
                success: function(msg) {
                    $(this).parents(".deleted").hide(500);
                } 
            });
        });
});
</script>
<?php } ?>

PHP delete.php

<?php require_once ('../include/global.php');
    if($_POST['DelId']) {
        $DelId = $_POST['DelId'];
        $sql="DELETE FROM appoint WHERE id='$DelId'";
        $result = mysqli_query($con, $sql) or die($sql."<br/><br/>".mysql_error());
        $rowcount=mysqli_num_rows($result);
        if ($rowcount > 0) {
            echo "success";
        } else {
            echo "false";
        }   
    } 
?>

, .

0

Source: https://habr.com/ru/post/1613097/

More articles:


All Articles