Nancy Mooree的社区主页

这就是解决问题的方法。我已经重写了密码在上面的Ajax/jQuery代码中,我将变量名设置为Nancy,并且还包括表单输入,这样您还可以获得发送表单输入数据的概念。

请确保连接到Internet,以便允许加载此jquery文件 或者可以用本地的jquery.min.js替换jquery.min.js。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript">

这里是 索引文件

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">

    $(document).ready(function(){


        $('#getIt').click(function(){


    var name = 'nancy moree';
    var nickname = $('#nickname').val();

            if(name==""){

                alert('please Enter name');


            }

     else if(nickname==""){

                alert('please Enter Nickname');


            }

    else{

    $('#loader').fadeIn(400).html('<span>Please Wait, Data is being processed....</span>');

    var datasend = "name="+ name + "&nickname=" +nickname;

            $.ajax({

                type:'POST',
                url:'getit.php',
                data:datasend,
                            crossDomain: true,
                cache:false,
                success:function(msg){

                    //empty nickname box after submission
                    $('#nickname').val('');

                    $('#loader').hide();
                    $('#result').fadeIn('slow').prepend(msg);

                }

            });

            }

        })

    });


    </script>


</head>
<body>
</body>

<div id='loader'></div>
<div id='result'></div>
Enter Nick Name:<input type='text' id='nickname' name='nickname' />
<button type="button" id="getIt">TÄ±kla</button>

</html>

这里是 GEIT.PHP

<?php

if(isset($_POST["name"])){

echo $name=$_POST["name"];
echo $nicky= $_POST["nickname"];

echo '<br>Success';

}
?>