php与HTML交互问题

1.将表单中的action属性值设为PHP路径，则网页会跳转到这个网址

<html>
<body>

<form action="welcome.php" method="post">
Name: <input type="text" name="name"><br>
E-mail: <input type="text" name="email"><br>
<input type="submit">                             //当然，action要与submit配合
</form>

</body>

 </html>
<html>
<body>

Welcome <?php echo $_POST["name"]; ?><br>
Your email address is: <?php echo $_POST["email"]; ?>  //数据可以使用超全局变量读取

</body>
</html>

2.通过Ajax方法，特点在于不需要跳转至PHP页面

        <div>
            <input type="text" id="user" value="sb" />
            <input type="password" id="password" value="sb" />
            <input type="button" id="send" />
            <p id="pword"></p>
        </div>
        <script type="text/javascript">
            $("#send").click(function(){
                    $.post("http://127.0.0.1/return.php",{
                    username:$("#user").val(),
                    password:$("#password").val()
                },  function(data,textStatus){
                        $("#pword").html(data);
                }                    
                );
            });
        </script>
<?php
    header('Access-Control-Allow-Origin:*');               //这句作用是允许任何网址访问
    $user=$_POST['username'];
    $password=$_POST['password'];
    $text="username:$user"."  "."password:$password";
    echo $text;

?>

当然，除了以上方法外，还可采用PHP内嵌HTML或者HTML内嵌PHP中，不过这样代码可读性较差，比较杂乱。（虽然我的代码怎么都写不整齐。。。  :  (  

posted @ 2017-07-19 21:28  kkdf  阅读(5765)  评论(0)  编辑  收藏  举报