php与HTML交互问题

Posted 2020-09-28 kkdf

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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中，不过这样代码可读性较差，比较杂乱。（虽然我的代码怎么都写不整齐。。。 : (

以上是关于php与HTML交互问题的主要内容，如果未能解决你的问题，请参考以下文章

html PHP代码片段： - AJAX基本示例：此代码演示了使用PHP和JavaScript实现的基本AJAX功能。