送信ボタンがクリックされ、データがPHPのデータベーステーブルに挿入されたときに隠しテーブルを表示する方法は？

Question

私はプロジェクト名とシート名を入力していますが、これはプロジェクトテーブルに保存されます。これに基づいて、空の値を別のテーブル 'Data'に挿入しています。私はデータベース内のこれらの空の値を編集するために編集可能なテーブルを使用しています。私はプロジェクト名とシート名が提出され、値が提出されるとテーブルのみが表示されるまでこのテーブルを隠したいと思う。私はたくさん試しましたが、送信ボタンをクリックした後、ページがリロードされるまでテーブルが表示され、読み込みが完了すると消えます。私のコード部分は以下の通りです。

<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

私は、here'sいくつかの助けを多分あなたはいくつかのことを再調整する必要があり、非常にあなたのコードであなたを助けるが、カント：

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

ページを更新しない送信ボタンをコントロールしている場合、最初のフォームを非表示にして、2番目のフォームを表示することができます。あなたがより多くのコードを投稿すれば、私はより明確にしようとします。

（ "falseを返す" ページを更新していない機能を提出します）

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>