Here we are making two simple text box one for the name which is filled by the user and the other is the input box for the time which is automatically called with the help of jQuery-ajax. First of all we make a simple form with two input fields one is for the name and other is for the time. The name input box is entered by the user and soon as the name text box loses focus the value would automatically fetch from the server. Here is code define below:
<html>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script type="text/javascript">
//jquery-ajax function used to get the server time
$(document).ready(function(){
$("#name").change(function(){
$.ajax({
url: "serverTime.php",
success: function(result){
$("#time").val(result);
}
});
});
});
//-->
</script>
<form name='myForm'>
Name: <input type='text' name='username' id="name" > <br />
Time: <input type='text' name='time' id="time"/>
</form>
</body>
</html>
This file is saved with the order.html
Then we make other file to get the time of the server that file would be saved with the serverTime.php.
Here is the code for the file.
<?php
echo date("H:i:s");
?>
Then we run the code in the local host to see the output.
0 Comment(s)