Skip to main content

Simple JQuery, Ajax and PHP

Using Ajax with JQuery is easy and good for the validation as well as animation in your website.
just see a Basic code to understand these all together...

 code....
<html>
<head>
<title>Basic Ajax</title>
</head>
<body>
<form id="userform">
    <p><input type="text" name="name" id="name"></p>
    <p><input type="password" name="password" id="password"></p>
    <input type="submit" name="submit" value="Submit">
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js "></script>
<p id="para"></p>

<script type="text/javascript">
    $(document).ready(function(){
        $("#userform").submit(function(e){
            e.preventDefault();
            var name = $("#name").val();
            var password = $("#password").val();
            $.ajax({
                url:"now.php",
                type:"POST",
                data:{name: name,password:password},
                success:function(data){
                    $("#para").html(data);
                }
            })
        });
    })
</script>

</body>
</html>
Now.php file code.......

 <?php
$name  = $_POST['name'];
$password = $_POST['password'];
echo $name." ->  ".$password;
?>

 If you have any query Comment below .... Thank you😋

Comments

Post a Comment

Popular posts from this blog

PHP Hacker rank Question solution Mini-Max sum in PHP

Given five positive integers, find the minimum and maximum values that can be calculated by summing exactly four of the five integers. Then print the respective minimum and maximum values as a single line of two space-separated long integers. For example,  . Our minimum sum is   and our maximum sum is  . We would print 26 24 Function Description Complete the  miniMaxSum  function in the editor below. It should print two space-separated integers on one line: the minimum sum and the maximum sum of   of   elements. miniMaxSum has the following parameter(s): arr : an array of   integers Input Format A single line of five space-separated integers. Constraints Output Format Print two space-separated long integers denoting the respective minimum and maximum values that can be calculated by summing exactly  four  of the five integers. (The output can be greater than a 32 bi...
3 comments
Read more

PHP Hacker Rank Question "Time Conversion" Solution in php

Given a time in  -hour AM/PM format , convert it to military (24-hour) time. Note: Midnight is 12:00:00AM on a 12-hour clock, and 00:00:00 on a 24-hour clock. Noon is 12:00:00PM on a 12-hour clock, and 12:00:00 on a 24-hour clock. Function Description Complete the  timeConversion  function in the editor below. It should return a new string representing the input time in 24 hour format. timeConversion has the following parameter(s): s : a string representing time in   hour format Input Format A single string   containing a time in  -hour clock format (i.e.:   or  ), where   and  . Constraints All input times are valid Output Format Convert and print the given time in  -hour format, where  . Solution : ---------------------------------- <?php /* Write your PHP code here */ $s = "12:45:54PM";  $t= $c = substr($s,0,2); $a = (int)$t; $sym = su...
2 comments
Read more

PHP Hacker Rank "Apple and Orange" Solution

Sam's house has an apple tree and an orange tree that yield an abundance of fruit. In the diagram below, the red region denotes his house, where   is the start point, and   is the endpoint. The apple tree is to the left of his house, and the orange tree is to its right. You can assume the trees are located on a single point, where the apple tree is at point  , and the orange tree is at point  . When a fruit falls from its tree, it lands   units of distance from its tree of origin along the  -axis. A negative value of   means the fruit fell   units to the tree's left, and a positive value of   means it falls   units to the tree's right. Given the value of   for   apples and   oranges, determine how many apples and oranges will fall on Sam's house (i.e., in the inclusive range  )? For example, Sam's house is between   and  . The apple tree ...
1 comment
Read more