从php中的输入文本中获取值，而无需按Enter键

Question

Hay I'm new to php and I have made php code like this :

<?php
    session_start();
    echo 'Hellow Hisoka';
?>
<form name="form" method="post">
    <div class="col-sm-3">
        <label class:>Nama :</label>
    </div>
    <div class="col-sm-9">
        <input type="text" name="nama_tamu" id='nama_tamu' class="form-control" placeholder="Nama Lengkap">
        <?php
            $myValue = $_POST['nama_tamu'];     
        ?>
    </div> 
    <br/><br/>
    <?php
        echo $myValue;
    ?>
</form>

When I want to show the echo message, I need to hit enter on my keyboard first in order to get the value of $_POST['nama_tamu'];. My question is can I get the value of nama_tamu input without pressing enter, or maybe without using POST or GET and then assign it to $myvalue?

Answer 1

For this purpose you should use .keyup function/event. Following are the snippet :

$(document).ready(function () {
  $("#nama_tamu").keyup(function(){
    $("#enterdata").html($("#nama_tamu").val());
     $.ajax({
        type: 'POST',
        url:  "getdata.php",
        data: "nama_tamu="+$("#nama_tamu").val(),
        success: function(res)
        {
            $("#outputdata").html(res);
        }
    });
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<?php
    session_start();
    echo 'Hellow Hisoka';
?>
<form name="form" method="post">
    <div class="col-sm-3">
        <label class:>Nama :</label>
    </div>
    <div class="col-sm-9">
        <input type="text" name="nama_tamu" id='nama_tamu' class="form-control" placeholder="Nama Lengkap">
        <?php
            $myValue = $_POST['nama_tamu'];     
        ?>
     <br> You press following character:<div id="enterdata"> </div>
    </div> 
    <br/><br/>
    <div id="outputdata"></div>
    <?php
        echo $myValue;
    ?>
</form>

Also create one file for the required output.

Now in getdata.php file

  echo $nama_tamu=$_POST['nama_tamu'];

</div>