Wie wird eine versteckte Tabelle angezeigt, wenn auf die Schaltfläche zum Senden geklickt wird und Daten in die Datenbanktabelle in PHP eingefügt werden?

Question

Ich habe eine, durch die ich Projektnamen und Blattnamen eingeben, die in der Projekttabelle gespeichert werden. Basierend darauf füge ich leere Werte in eine andere Tabelle 'Data' ein. Ich verwende editierbare Tabelle, um diese leeren Werte in der Datenbank zu aktualisieren. Ich möchte diese Tabelle ausblenden, bis der Projektname und der Name des Arbeitsblatts gesendet wurden. Sobald der Wert übergeben wurde, wird nur die Tabelle angezeigt. Ich habe viel probiert, aber nachdem ich auf "Absenden" geklickt habe, wird meine Tabelle angezeigt, bis die Seite neu geladen wird, und verschwindet, wenn der Ladevorgang abgeschlossen ist. Meine Code-Teile sind wie folgt.

<script> 
    $(function(){ 
    $('button#showit').on('click',function(){ 
    $('#myform').show(); 
    }); 
    }); 
    </script> 
    <form class="form-horizontal" action="db.php" id="#form1" 
    onSubmit="function();" method="post"> 

    <input type="text" class="form-control1" name="projectname" 
    id="projectname" required > 
    <input type="text" class="form-control1" name="sheetname" id="sheetname" 
    required > 
    <button type="submit" name="submit" id="button" class="btn- 
    success btn" >Submit</button> 
     </form> 
     <div class="tab-content" id="myform" style="display:none"> 
    <div class="tab-pane active" id="horizontal-form"> 
    <?php 

     $s4 = "SELECT * FROM data ORDER BY data_id DESC LIMIT 1"; 
    $res = mysqli_query($bd, $s4); 
    while ($row = mysqli_fetch_array($res)) 
           { 
          ?> 
    <table class="table table-bordered" style="width:50%;"> 
    <thead> 
    <tr> 
    <th>Sr.no</th> 
    <th>Column Name</th> 

     </tr> 
    </thead> 
    <tbody> 

    <tr class="odd"> 
    <td>1</td> 
    <td id="d1:<?php echo $row['data_id']; ?>" contenteditable="true"><?php 
    echo $row['d1']; ?></td>   
    </tr> 

    . 
    . 
    . 
    </tbody> 
    </table> 
    <?php } ?> 
    </div> 
    </div> 
on db.php I have used to get back on my previous page 
    <script> 
        alert('Sheet Created Successfully'); 
        window.location.href='index.php?success'; 

    </script> 

Answer 1

Ich kann Sie viel in Ihrem Code helfen, vielleicht sollten Sie einige Dinge zu korrigieren, aber Heres etwas Hilfe:

$('#firstform').submit(function() { 
//handle here a function to send data to db.php, then: 
sendData(); 
$('#firstform').hide(); 
$('#hidedform').show(); 
    return false; 
    }); 

Wenn Sie den Absenden-Button steuern nicht die Seite zu aktualisieren, Sie können die erste Form ausblenden und die zweite anzeigen. Wenn Sie mehr Code posten, werde ich versuchen, klarer zu sein.

("return false" macht Funktion einreichen nicht die Seite zu aktualisieren)

here are another post about not refreshing...maybe it helps

Answer 2

<!-- Example of jQuery Reference --> 
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
 

 
<!-- Your Hiding Script --> 
 
<script type='text/javascript'> 
 
    $(document).ready(function(){ 
 
     $("#AddNewRecord").hide(); 
 
    }); 
 
</script> 
 

 
<!-- Your Markup --> 
 
<table border="1" cellpadding="2" id="AddNewRecord"> 
 
    <tr style="width:25px;"> 
 
     <td>Site</td> 
 
    </tr> 
 
</table>